@charset "utf-8";
@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@keyframes opener {
0%{width:20.625vw;}
100%{width:0;}
}
@-webkit-keyframes opener {
0%{width:20.625vw;}
100%{width:0;}
}
@-moz-keyframes opener {
0%{width:20.625vw;}
100%{width:0;}
}

/* Grundenstellungen */
html {
	scroll-behavior: smooth;
	
}
body {
	margin:0;
	padding:0;
	font-size:16px;
	}
#bodyarea {
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#919191;
	}
@media (min-width: 2000px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 750px) {
}
@media (max-width: 460px) {
#bodyarea {
    font-size: 16px;
    }
}


/* menubereich */
#headerarea {
	height:210px;
	width:100%;
	display:block;
	position:relative;
	}
#headerarea:before {
    content: "";
    background:#fff;
	height:210px;
	width:100%;
	display:block;
	position:absolute;
    left:0;
    top:-105px;
	}
#headerarea:after {
/*
    content: "";
    background:#fff;
	height:105px;
	width:100%;
	display:block;
	position:absolute;
    left:0;
    top:105px;
    z-index: 20;
*/
	}
#logo {
	float:right;
	width:50%;
	text-align:right;
	padding:40px 0 0 0;
	display:block;
	font-size:24px;
	letter-spacing:-0.05em;
	color:#ffffff;
	position:relative;
	}
#menuarea {
	width:45%;
	float:left;
	padding:0 0 0 5%;
	text-align:left;
	display:block;
    z-index: 50;
    position: relative;
	}
#menuarea ul {	
	margin:0;
	padding:0;
	position:relative;
	}
#menuarea ul li {
	width:120px;
	height:120px;
	background:#0e0e0e;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	letter-spacing:-0.05em;
	line-height:24px;
	padding:0;
	margin:40px 40px 0 0;
	display:block;
	list-style:none;
	float:left;
	}
#menuarea ul li a {
	color:#fff;
	text-decoration:none;
	padding:46px 0 50px 0;
	margin:0;
	line-height:24px;
	height:24px;
	width:120px;
	display:block;
	background:#c4bdb0;
	transition: background 0.3s ease-in-out 0ms;
	-webkit-transition: background 0.3s ease-in-out 0ms;
	-moz-transition: background 0.3s ease-in-out 0ms;
	-o-transition: background 0.3s ease-in-out 0ms;
	}
#menuarea ul li a:hover {
	color:#0e0e0e;
	background:#ffffff;
	transition: background 0.3s ease-in-out 0ms;
	-webkit-transition: background 0.3s ease-in-out 0ms;
	-moz-transition: background 0.3s ease-in-out 0ms;
	-o-transition: background 0.3s ease-in-out 0ms;
	}
#logoarea {
	position:absolute;
	right:8%;
	}
#logo #quadrat {
	background:#0e0e0e;
	width:24px;
	height:24px;
	display:block;
	margin:0 10px 0 10px;
	padding:0;
	float:left;
	box-shadow: 2px 2px 0px #ffffff;
	}
#logo .logofont {
 	float: left;
    height: 24px;
    line-height: 24px;
    padding: 0;
	}
#logo a {
	color:#ffffff;
	}
@media (min-width: 2000px) {
#logoarea {
	right:calc(100% - 900px);
	}
#menuarea {
  width: 900px;
  padding: 0 0 0 calc(50% - 900px);
    }
}
@media (max-width: 1400px) {
#menuarea ul li {
	width:90px;
	height:90px;
	font-size:18px;
	letter-spacing:-0.05em;
	line-height:18px;
	margin:40px 20px 0 0;
	}
#menuarea ul li a {
	padding:37px 0 38px 0;
	line-height:18px;
	height:18px;
	width:90px;
	}
#logo #quadrat {
	width:18px;
	height:18px;
	margin:0 8px 0 8px;
	box-shadow: 1px 1px 0px #ffffff;
	}
#logo .logofont {
    height: 18px;
    line-height: 18px;
	}
}
@media (max-width: 1000px) {
  #logo {
    font-size: 18px;
  }
}
@media (max-width: 750px) {
#headerarea {
  height: 300px;
    }
#headerarea::before {
  height: 275px;
    }
#headerarea:after {
	height:130px;
    top:170px;
	}    
#logo {
	float:none;
	width:100%;
	height:40px;
	text-align:center;
	padding:40px 0 0 0;
	}
#menuarea {
	clear:both;
	width:95%;
	float:none;
	padding:0 2.5% 0 2.5%;
	text-align:center;
	}
#menuarea ul {	
	margin:0;
	padding:0;
	position:relative;
	display:inline;
	}
#menuarea ul li {
	display: inline-block;
	float:none;
	margin:40px 12px 0 13px;
	}
}
@media (max-width: 460px) {
#logo {
	height:120px;
	padding:20px 0 0 0;
	font-size:14px;
	}
    #logoarea {
        width:84%;
    }
    #logo img {
        max-width: 100%;
        height:auto;
    }
#menuarea {
	clear:both;
	width:90vw;
	float:none;
	padding:0;
    margin:0 auto;
	text-align:center;
	}
#menuarea ul {
    display:grid;
    grid-template-columns: 23.33vw 10vw 23.33vw 10vw 23.33vw;
    grid-template-rows: 23.33vw;
    }
#menuarea ul li {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
	font-size:16px;
	letter-spacing:-0.1em;
	line-height:18px;
	margin:0;
    place-self: center;
    width:23.33vw;
    height:23.33vw;
    display:grid;
    grid-template-columns: 23.33vw;
    grid-template-rows: 23.33vw;
	}
#menuarea ul li:first-child {
    grid-column: 1 / 2;
    margin:0;
	}
#menuarea ul li:last-child {
    grid-column: 5 / 6;
    margin:0;
	}
#menuarea ul li a {
	padding:calc(23.33vw / 2 - 7px) 0;
	line-height:14px;
	height:14px;
	width:23.33vw;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    place-self: center;
	}
#logo #quadrat {
	width:14px;
	height:14px;
	margin:0 6px 0 6px;
	box-shadow: 1px 1px 0px #ffffff;
	}
#logo .logofont {
    height: 14px;
    line-height: 14px;
	}
}



/* Startseitelayout */
#headerbottom {
	background-color:#f0efeb;
	height:calc(100vh - 240px);
	padding:0;
	width:100%;
	position:relative;
	top:-70px;
    display:grid;
    grid-template-columns:5vw 40vw 5vw 45vw 5vw;
    grid-template-rows:270px calc(100vh - 510px);
	}
#headerbottom .moduletable._menu {
    grid-column: 4 / 5;
    grid-row: 2 / 3;
    justify-self: center; 
	width:45vw;
	padding:0;
	text-align:center;
	}
#headerbottom .moduletable.startseitenlink {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    justify-self: center; 
	width:40vw;
	padding:0;
	text-align:center;
	}
.startseitenlink img {
    position: relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
    max-height:calc(100vh - 240px);
    max-width:calc(100vh - 240px);
    margin:0;
    padding:0;
}
#headerbottom .moduletable._menu ul {	
	margin:40px auto 0 auto;
	padding:0;
	position:relative;
	display:inline;
	}
#headerbottom .moduletable._menu ul li {
	width:120px;
	height:120px;
	background:#0e0e0e;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	letter-spacing:-0.05em;
	line-height:24px;
	padding:0;
	margin:40px 40px 0 0;
	display:inline-block;
	list-style:none;
	}
#headerbottom .moduletable._menu ul li:last-child {
    margin:40px 0 0 0;
}
#headerbottom .moduletable._menu ul li a {
	color:#ffffff;
	text-decoration:none;
	padding:46px 0 50px 0;
	margin:0;
	line-height:24px;
	height:24px;
	width:120px;
	display:block;
	background:#c4bdb0;
	transition: background 0.3s ease-in-out 0ms;
	-webkit-transition: background 0.3s ease-in-out 0ms;
	-moz-transition: background 0.3s ease-in-out 0ms;
	-o-transition: background 0.3s ease-in-out 0ms;
	}
#headerbottom .moduletable._menu ul li a:hover {
	color:#0e0e0e;
	background:#ffffff;
	transition: background 0.3s ease-in-out 0ms;
	-webkit-transition: background 0.3s ease-in-out 0ms;
	-moz-transition: background 0.3s ease-in-out 0ms;
	-o-transition: background 0.3s ease-in-out 0ms;
	}
@media (min-width: 2000px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
#headerbottom {
	height:calc(100vh - 240px);
	top:-70px;
    grid-template-columns:5vw 40vw 5vw 45vw 5vw;
    grid-template-rows:20vw calc(100vh - 240px - 20vw);
	}
#headerbottom .moduletable._menu ul {	
	padding:0;
	}
#headerbottom .moduletable._menu ul li {
	width:90px;
	height:90px;
	margin:40px 12px 0 13px;
	font-size:18px;
	line-height:18px;
	}
#headerbottom .moduletable._menu ul li:last-child {
    margin:40px 0 0 13px;
}
#headerbottom .moduletable._menu ul li a {
	padding:37px 0 35px 0;
	width:90px;
	font-size:18px;
	line-height:18px;
	}
}
@media (max-width: 750px) {
#headerbottom {
	padding: 0;
	height:calc(100vh - 240px);
	top:-70px;
    grid-template-columns:5vw 40vw 5vw 40vw 5vw;
    grid-template-rows:min-content min-content;
	}
#headerbottom .moduletable._menu {
    grid-column: 1 / 6;
    grid-row: 2 / 3;
    justify-self: center; 
	width:95vw;
	padding:0;
	text-align:center;
	}
#headerbottom .moduletable.startseitenlink {
    grid-column: 2 / 5;
    grid-row: 1 / 2;
    justify-self: center; 
	width:60vw;
	padding:0;
	text-align:center;
	}
#headerbottom .moduletable._menu ul li:last-child {
    margin:40px 12px 0 13px;
}
}
@media (max-width: 460px) {
#headerbottom {
	top:-180px;
	padding: 0;
	height:calc(100vh - 240px);
    grid-template-columns:5vw 40vw 5vw 40vw 5vw;
    grid-template-rows:min-content min-content;
	}
#headerbottom .moduletable._menu {
	width:100vw;
	padding:0;
	}
#headerbottom .moduletable.startseitenlink {
	width:80vw;
    }
    
    
#headerbottom .moduletable._menu ul {
    display:grid;
    grid-template-columns: 23.33vw 5vw 23.33vw 5vw 23.33vw;
    grid-template-rows: 23.33vw;
    margin: 20px 0 0 10vw;
    }
#headerbottom .moduletable._menu ul li {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
	font-size:16px;
	letter-spacing:-0.1em;
	line-height:18px;
	margin:0;
    place-self: center;
    width:23.33vw;
    height:23.33vw;
    display:grid;
    grid-template-columns: 23.33vw;
    grid-template-rows: 23.33vw;
	}
#headerbottom .moduletable._menu ul li:first-child {
    grid-column: 1 / 2;
    margin:0;
	}
#headerbottom .moduletable._menu ul li:last-child {
    grid-column: 5 / 6;
    margin:0;
	}
#headerbottom .moduletable._menu ul li a {
	padding:calc(23.33vw / 2 - 7px) 0;
	line-height:14px;
	height:14px;
	width:23.33vw;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    place-self: center;
	}    
    
}







/* Modulposition 1 */
#precontent1 {

}



/* Hauptinhalt */
#contentarea {
    width:90%;
    margin:0 5%;
    position: relative;
    clear: both;
}
#contentarea .blog .blog-items {
    display:grid;
    grid-template-columns: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw calc(20.625vw - 1px) 3px;
    grid-template-rows: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw;
    position: relative;
}
#contentarea .blog .blog-items div{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    position: relative;
    z-index: 40;
}
#contentarea .blog .blog-items div.rastered{
    display:none;
}
#contentarea .blog .blog-items .titlesection {
    display:grid;
    grid-template-columns: 20.625vw;
    grid-template-rows: min-content min-content;
}
#contentarea .blog .blog-items .titlesection .page-header {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    position: relative; 
}
#contentarea .blog .blog-items .titlesection h1 {
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -0.05em;
    line-height: 24px;
    text-align: left;
    margin: 0;
    padding: 0;
}
#contentarea .blog .blog-items .titlesection .toptitle {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    position: relative;
    font-size: 14px;
    letter-spacing: -0.05em;
    text-align: left;
    color: #0e0e0e;
    text-decoration: none;
    z-index: 50;
}
#contentarea .blog .blog-items div.blog-item{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    position: relative;
}
#contentarea .blog .blog-items div:nth-child(2 of .blog-item){
    grid-column: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(3 of .blog-item){
    grid-column: 7 / 8;
}
#contentarea .blog .blog-items div:nth-child(4 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(5 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(6 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(7 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(8 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6
}
#contentarea .blog .blog-items div:nth-child(9 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(10 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(11 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items .blog-item .item-image{
    width: 20.625vw;
    height: 20.625vw;
    overflow: hidden;
    position: absolute;
    z-index: 20;
    display:grid;
    grid-template-columns: 20.625vw;
    grid-template-rows: 20.625vw;
    padding:0;
    margin:0;
}
/*#contentarea .blog .blog-items .blog-item .item-image:before {
    content: "";
    display:block;
    grid-column: 1 / 2;
    grid-row: 1 / 2; 
    justify-self: end; 
    width: 20.625vw;
    height: 20.625vw;
    background: #fff;

    animation: opener 1s 1 ease-out forwards;
-webkit-animation: opener 1s 1 ease-out forwards;
-moz-animation: opener 1s 1 ease-out forwards;    

    z-index: 80;
}
#contentarea .blog .blog-items .blog-item .item-image:before{
    animation-delay: 0.5s;
}
#contentarea .blog .blog-items div:nth-child(2 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(4 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(9 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(12 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(16 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(19 of .blog-item) .item-image:before{
    animation-delay: 1.5s;
}
#contentarea .blog .blog-items div:nth-child(3 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(6 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(8 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(11 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(14 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(18 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(21 of .blog-item) .item-image:before{
    animation-delay: 1.8s;
}
#contentarea .blog .blog-items div:nth-child(5 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(7 of .blog-item) .item-image:before,
#contentarea .blog .blog-items div:nth-child(10 of .blog-item) .item-image:before{
    animation-delay: 1.25s;
}*/
#contentarea .blog .blog-items .blog-item .item-image img {
    grid-column: 1 / 2;
    grid-row: 1 / 2; 
    place-self: center; 
    height: 20.625vw;
    width:auto;
	transform: scale(1, 1);
	transition: all 0.3s ease-in-out 200ms;
	-webkit-transition: all 0.3s ease-in-out 200ms;
	-moz-transition: all 0.3s ease-in-out 200ms;
	-o-transition: all 0.3s ease-in-out 200ms;
	}
#contentarea .blog .blog-items .blog-item:hover .item-image img {
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	}
#contentarea .blog .blog-items .blog-item .item-content {
    position: relative;
    z-index: 50;
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 15vw 5vw;
}
#contentarea .blog .blog-items .blog-item .item-content .page-header {
    grid-column: 1 / 2;
    grid-row: 2 / 3; 
    z-index: 60;
}
#contentarea .blog .blog-items h2 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.05em;
    font-weight: normal;
    color:#fff;
    padding: 0 3%;
    margin:0;
    hyphens: manual;
-webkit-hyphens: manual;
-ms-hyphens: manual;
    opacity:0;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
#contentarea .blog .blog-items h2 a {
    color:#fff;
    text-decoration: none;
}
#contentarea .blog .blog-items .item-content:hover h2 a {
    color:#000;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
#contentarea .blog .blog-items .blog-item .item-content .article-info {
    grid-column: 1 / 2;
    grid-row: 1 / 2; 
    align-self: end;
    text-align: center;
    width:100%;
    display:block;
    padding:0;
    margin:0;
    z-index: 60;
}
.category-name {
    color: #0e0e0e;
    font-size: 14px;
    letter-spacing: -0.05em;
    text-decoration: none;
    text-align: center;
    padding:0;
    margin:0;
    opacity:0;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
.category-name a {
    color: #0e0e0e;
    text-decoration: none;
}


#contentarea .blog .blog-items .blog-item .category-name {
    display:none;
}


#contentarea .blog .blog-items .blog-item:hover h2,
#contentarea .blog .blog-items .blog-item:hover .category-name {
	opacity:1;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
	}
#contentarea .blog .blog-items .blog-item .item-content .readmore {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    z-index: 40;
    padding:0;
    margin:0;
    font-size: 0;
}
#contentarea .blog .blog-items .blog-item:hover .item-content .readmore a {
    width: 20.625vw;
    height: 20.625vw;
    background: #fff;
    padding:0;
    margin:0;
    display:block;
}
#contentarea .blog .pagination {
    padding:0 0 100px;
    margin:0;
    text-align: center;
    position: relative;
}
#contentarea .blog .pagination li {
    display:inline-block;
    list-style: none;
    padding: 0 10px;
}
#contentarea .blog .pagination li a {
    color: #0e0e0e;
    text-decoration: none;
    padding: 1px 7px 2px;
    border: solid 1px #0e0e0e;
	transition: all 0.3s ease-in-out 200ms;
	-webkit-transition: all 0.3s ease-in-out 200ms;
	-moz-transition: all 0.3s ease-in-out 200ms;
	-o-transition: all 0.3s ease-in-out 200ms;
}
#contentarea .blog .pagination li a:hover{
    color: #fff;
    background: #0e0e0e;
    border: solid 5px #0e0e0e;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
#contentarea .blog .pagination li.active a{
    color: #fff;
    background: #0e0e0e;
    border: solid 1px #0e0e0e;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
.pagination .icon-angle-left:after {
    content:"<";
    color: #0e0e0e;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
.pagination .icon-angle-double-left:after {
    content:"<<";
    color: #0e0e0e;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
.pagination .icon-angle-right:after {
    content:">";
    color: #0e0e0e;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
.pagination .icon-angle-double-right:after {
    content:">>";
    color: #0e0e0e;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
#contentarea .blog .pagination li a:hover .icon-angle-left:after {
    color: #fff;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
#contentarea .blog .pagination li a:hover .icon-angle-double-left:after {
    color: #fff;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
#contentarea .blog .pagination li a:hover .icon-angle-right:after {
    color: #fff;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
#contentarea .blog .pagination li a:hover .icon-angle-double-right:after {
    color: #fff;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}

@media (min-width: 2000px) {
#contentarea {
    width:1800px;
    margin:0 auto;
}
#contentarea .blog .blog-items {
    grid-template-columns: 412px 51px 412px 50px 412px 51px 412px;
    grid-template-rows: 412px 50px 412px 50px 412px 50px;
}
#contentarea .blog .blog-items .blog-item .item-image{
    width: 412px;
    height: 412px;
    grid-template-columns: 412px;
    grid-template-rows: 412px;
}
#contentarea .blog .blog-items .blog-item .item-image:before {
    width: 412px;
    height: 412px;
}
#contentarea .blog .blog-items .blog-item .item-image img {
    height: 412px;
	}
#contentarea .blog .blog-items .blog-item .item-content {
    grid-template-rows: 267px 145px;
}
#contentarea .blog .blog-items .blog-item:hover .item-content .readmore a {
    width: 412px;
    height: 412px;
}
}
@media (max-width: 1400px) {
#contentarea .blog .blog-items {
    grid-template-columns: 28.3vw 2.55vw 28.3vw 2.55vw 28.3vw 3px;
    grid-template-rows: 28.3vw 2.55vw 28.3vw 2.55vw 28.3vw 2.55vw 28.3vw 2.55vw;
}
#contentarea .blog .blog-items div{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items .titlesection {
    grid-template-columns: 28.3vw;
}
#contentarea .blog .blog-items .titlesection h1 {
    font-size: 24px;
    line-height: 24px;
}
#contentarea .blog .blog-items .titlesection .toptitle {
    font-size: 14px;
}
#contentarea .blog .blog-items div.blog-item{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items div:nth-child(2 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items div:nth-child(3 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(4 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(5 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(6 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(7 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(8 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 5 / 6
}
#contentarea .blog .blog-items div:nth-child(9 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items div:nth-child(10 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items div:nth-child(11 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items .blog-item .item-image{
    width: 28.3vw;
    height: 28.3vw;
    grid-template-columns: 28.3vw;
    grid-template-rows: 28.3vw;
}
#contentarea .blog .blog-items .blog-item .item-image:before {
    width: 28.3vw;
    height: 28.3vw;
}
#contentarea .blog .blog-items .blog-item .item-image img {
    height: 28.3vw;
	}
#contentarea .blog .blog-items .blog-item .item-content {
    grid-template-rows: 18vw 10vw;
}
#contentarea .blog .blog-items h2 {
    font-size: 24px;
    line-height: 24px;
}
.category-name {
    font-size: 14px;
}
#contentarea .blog .blog-items .blog-item:hover .item-content .readmore a {
    width: 28.3vw;
    height: 28.3vw;
}
}
@media (max-width: 1000px) {
#contentarea .blog .blog-items {
    grid-template-columns: 47.2222% 5.5555% 47.2222% 3px;
    grid-template-rows: 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw;
}
#contentarea .blog .blog-items div{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items .titlesection {
    grid-template-columns: 42.5vw;
}
#contentarea .blog .blog-items .titlesection h1 {
    font-size: 24px;
    line-height: 24px;
}
#contentarea .blog .blog-items .titlesection .toptitle {
    font-size: 14px;
}
#contentarea .blog .blog-items div.blog-item{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items div:nth-child(2 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(3 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(4 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(5 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(6 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items div:nth-child(7 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items div:nth-child(8 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 9 / 10
}
#contentarea .blog .blog-items div:nth-child(9 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items div:nth-child(10 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items div:nth-child(11 of .blog-item) {
    grid-column: 3 / 4;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items .blog-item .item-image{
    width: 42.5vw;
    height: 42.5vw;
    grid-template-columns: 42.5vw;
    grid-template-rows: 42.5vw;
}
#contentarea .blog .blog-items .blog-item .item-image:before {
    width: 42.5vw;
    height: 42.5vw;
}
#contentarea .blog .blog-items .blog-item .item-image img {
    height: 42.5vw;
	}
#contentarea .blog .blog-items .blog-item .item-content {
    grid-template-rows: 24vw 17vw;
}
#contentarea .blog .blog-items h2 {
    font-size: 24px;
    line-height: 24px;
}
.category-name {
    font-size: 14px;
}
#contentarea .blog .blog-items .blog-item .item-content .readmore a {
    background: rgba(0,0,0,0);
    padding:0;
    margin:0;
    display:block;
    width: 100%;
    height: 42.5vw;
    }
#contentarea .blog .blog-items .blog-item:hover .item-content .readmore a {
    width: 100%;
    height: 42.5vw;
    background: rgba(0,0,0,0.4);
    }
}
@media (max-width: 550px) {
#contentarea .blog .blog-items {
    grid-template-columns: 90vw;
    grid-template-rows: 20vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw ;
}
#contentarea .blog .blog-items div{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items .titlesection {
    grid-template-columns: 90vw;
}
#contentarea .blog .blog-items .titlesection h1 {
    font-size: 24px;
    line-height: 24px;
}
#contentarea .blog .blog-items .titlesection .toptitle {
    font-size: 14px;
}
#contentarea .blog .blog-items div.blog-item{
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items div:nth-child(2 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items div:nth-child(3 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items div:nth-child(4 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items div:nth-child(5 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items div:nth-child(6 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items div:nth-child(7 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items div:nth-child(8 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 17 / 18
}
#contentarea .blog .blog-items div:nth-child(9 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 19 / 20;
}
#contentarea .blog .blog-items div:nth-child(10 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 21 / 22;
}
#contentarea .blog .blog-items div:nth-child(11 of .blog-item) {
    grid-column: 1 / 2;
    grid-row: 23 / 24;
}
#contentarea .blog .blog-items .blog-item .item-image{
    width: 90vw;
    height: 90vw;
    grid-template-columns: 90vw;
    grid-template-rows: 90vw;
}
#contentarea .blog .blog-items .blog-item .item-image:before {
    width: 90vw;
    height: 90vw;
}
#contentarea .blog .blog-items .blog-item .item-image img {
    height: 90vw;
	}
#contentarea .blog .blog-items .blog-item .item-content {
    grid-template-rows: 75vw 15vw;
}
#contentarea .blog .blog-items h2 {
    font-size: 24px;
    line-height: 24px;
}
.category-name {
    font-size: 14px;
}
#contentarea .blog .blog-items .blog-item:hover .item-content .readmore a {
    width: 90vw;
    height: 90vw;
    background: rgba(0,0,0,0.4);
}   
#contentarea .blog .blog-items .blog-item .item-content .readmore a {
    background: rgba(0,0,0,0);
    width: 90vw;
    height: 90vw;
    display:block;
}    
    
}
@media (max-width: 460px) {
#contentarea .blog .blog-items .blog-item:hover .item-content .readmore a {
    width: 90vw;
    height: 90vw;
    background: rgba(0,0,0,0.4);
}   
#contentarea .blog .blog-items .blog-item .item-content .readmore a {
    background: rgba(0,0,0,0);
    width: 90vw;
    height: 90vw;
    display:block;
} 
#contentarea .blog .blog-items .titlesection h1 {
    font-size: 36px;
    line-height: 36px;
}
#contentarea .blog .blog-items .titlesection .toptitle {
    font-size: 18px;
}
#contentarea .blog .blog-items h2 {
    font-size: 18px;
    line-height: 18px;
}
}



/* Bloglayout für Infobereich */
/*#contentarea .blog .blog-items.rastered:before {
    content: "";
    position: relative;
    grid-column: 1 / 8;
    grid-row: 1 / 4;
    background: url("../images/bg1.webp") no-repeat fixed;
    background-size: cover;
    z-index: 10;
}

  */
#contentarea .blog .blog-items.rastered:before {
    content: "";
    grid-column: 1 / 8;
    grid-row: 1 / 4;
    display: block;
    background-image: url("../images/bg1.webp");
    background-position: center;
    background-size: cover;
    height: 100vh; 
    width: calc(90vw - 1px);
    top: 0; 
    bottom: 0; 
    left: calc(5% + 1px); 
    right: 0;
    position: fixed;
    z-index: -10; 
}
#contentarea .blog .blog-items.rastered:after {
    content: "";
    grid-column: 1 / 9;
    grid-row: 1 / 2;
    display: block;
    background: #fff;
    z-index: 20;
    height:105px;
    position: relative;
    top:-105px;
}


#contentarea .blog .blog-items.rastered .titlesection {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    background: #fff;
    display: grid;
    grid-template-columns: 20.625vw 2.5vw;
    grid-template-rows: min-content min-content;
    z-index: 80;
}
#contentarea .blog .blog-items.rastered .titlesection h1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
#contentarea .blog .blog-items.rastered div.blog-item{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    position: relative;
    z-index: 80;
}
#contentarea .blog .blog-items.rastered div:nth-child(2 of .blog-item){
    grid-column: 7 / 8;
}
#contentarea .blog .blog-items.rastered div:nth-child(3 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.rastered div:nth-child(4 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.rastered div:nth-child(5 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.rastered div:nth-child(1 of .rastered){
    background:#fff;
    grid-column: 2 / 3;
    grid-row: 1 / 6;
    z-index: 60;
    display:block;
}
#contentarea .blog .blog-items.rastered div:nth-child(2 of .rastered){
    background:#fff;
    grid-column: 4 / 5;
    grid-row: 1 / 6;
    z-index: 60;
    display:block;
}
#contentarea .blog .blog-items.rastered div:nth-child(3 of .rastered){
    background:#fff;
    grid-column: 6 / 7;
    grid-row: 1 / 6;
    z-index: 60;
    display:block;
}
#contentarea .blog .blog-items.rastered div:nth-child(4 of .rastered){
    background:#fff;
    grid-column: 1 / 9;
    grid-row: 2 / 3;
    z-index: 60;
    display:block;
}
#contentarea .blog .blog-items.rastered div:nth-child(5 of .rastered){
    background:#fff;
    grid-column: 1 / 9;
    grid-row: 4 / 5;
    z-index: 60;
    display:block;
}
#contentarea .blog .blog-items.rastered div:nth-child(6 of .rastered){
    background:#fff;
    grid-column: 1 / 9;
    grid-row: 6 / 9;
    z-index: 60;
    display:block;
}
#contentarea .blog .blog-items.rastered .blog-item .item-content {
  grid-template-rows: 10vw 10vw;
}
#contentarea .blog .blog-items.rastered .blog-item .item-image {
    display:none;
}
#contentarea .blog .blog-items.rastered .blog-item .item-image img {
    display:none;
}
#contentarea .blog .blog-items.rastered h2 {
    opacity: 1;
}
#contentarea .blog .blog-items.rastered div.blog-item:after {
    content: "";
    width:20.625vw;
    height:20.625vw;
    background: #c4bdb0;
    z-index: 40;
    display:block;
    position: absolute;
    top:0;
    left:0;
}
#contentarea .blog .blog-items.rastered .toptitle {
    display:none;
}


#contentaddarea {
    position: relative;
}
#contentaddarea .pos-4 {
    position: absolute;
    top: -46.25vw;
    left: 69.375vw;
    width:20.625vw;
    height:20.625vw;
    display:block;
    z-index: 80;
    background: #0e0e0e;
    color:#fff;
}
#contentaddarea .pos-4 .page-header h2 a {
    color:#fff;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.05em;
    font-weight: normal;
    padding: 10vw 3% 0;
    margin: 0;
    width:calc(20.625vw - 6%);
    height:10.625vw;
    position: absolute;
    top:0;
    left:0;
    z-index: 90;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#contentaddarea .pos-4 .page-header h2:before {
    content: "";
    width: 20.625vw;
    height: 20.625vw;
    background: #c4bdb0;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top:0;
    left:0;
    z-index: 81;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#contentaddarea .pos-4:hover .page-header h2:before {
    background: #fff;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#contentaddarea .pos-4:hover .page-header h2 a {
    color:#000;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}


#contentaddarea .pos-5 {
    position: absolute;
    top: -11.5625vw;
    left: 80.9375vw;
    width:9.0625vw;
    height:9.0625vw;
    display:block;
    z-index: 80;
    background: #c4bdb0;
    color:#fff;
}
#contentaddarea .pos-5 .page-header h2 {
    padding:0;
    margin:0;
}
#contentaddarea .pos-5 .page-header h2 a {
    color:#fff;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.05em;
    font-weight: normal;
    padding: calc(4.53125vw - 10px) 3% 0;
    margin: 0;
    width:calc(9.0625vw - 6%);
    height:4.53125vw;
    position: absolute;
    top:0;
    left:0;
    z-index: 90;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#contentaddarea .pos-5:hover .page-header h2 a {
    color:#000;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#contentaddarea .pos-5 .page-header h2:before {
    content: "";
    width: 9.0625vw;
    height: 9.0625vw;
    background: #c4bdb0;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top:0;
    left:0;
    z-index: 81;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#contentaddarea .pos-5:hover .page-header h2:before {
    background: #fff;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
@media (min-width: 2000px) {
#contentarea .blog .blog-items.rastered:before {
    grid-column: 1 / 8;
    grid-row: 1 / 4;
    height: 100vh; 
    width: 1800px;
    top: 0; 
    bottom: 0; 
    left: calc((100% - 1800px) / 2); 
    right: 0;
}
#contentarea .blog .blog-items.rastered div.blog-item:after {
    width:412px;
    height:412px;
} 
#contentarea .blog .blog-items.rastered .blog-item .item-content {
  grid-template-rows: 194px 218px;
}
#contentaddarea .pos-4 {
    top: -924px;
    left: 1387px;
    width:413px;
    height:412px;
}
#contentaddarea .pos-4 .page-header h2 a {
    padding: 194px 3% 0;
    width:calc(413px - 6%);
    height:218px;
}
#contentaddarea .pos-4 .page-header h2:before {
    width: 413px;
    height: 412px;
}    
 
#contentaddarea .pos-5 {
    top: -231px;
    left: 1619px;
    width:181px;
    height:181px;
}
#contentaddarea .pos-5 .page-header h2 a {
    padding: 80px 3% 0;
    width:calc(181px - 6%);
    height:91px;
}
#contentaddarea .pos-5 .page-header h2:before {
    width: 181px;
    height: 181px;
}
    
}
@media (max-width: 1400px) {
#contentarea .blog .blog-items.rastered div.blog-item{
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items.rastered div:nth-child(2 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.rastered div:nth-child(3 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.rastered div:nth-child(4 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.rastered div:nth-child(5 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.rastered div:nth-child(1 of .rastered){
    grid-column: 2 / 3;
    grid-row: 1 / 6;
}
#contentarea .blog .blog-items.rastered div:nth-child(2 of .rastered){
    grid-column: 4 / 5;
    grid-row: 1 / 6;
}
#contentarea .blog .blog-items.rastered div:nth-child(3 of .rastered){
    grid-column: 6 / 7;
    grid-row: 1 / 6;
}
#contentarea .blog .blog-items.rastered div:nth-child(4 of .rastered){
    grid-column: 1 / 9;
    grid-row: 2 / 3;
}
#contentarea .blog .blog-items.rastered div:nth-child(5 of .rastered){
    grid-column: 1 / 9;
    grid-row: 4 / 5;
}
#contentarea .blog .blog-items.rastered .blog-item .item-content {
  grid-template-rows: 14vw 14vw;
}
#contentarea .blog .blog-items.rastered div.blog-item::after {
  width: 28.3vw;
  height: 28.3vw;
}    
#contentarea .blog .blog-items.rastered:after {
    content: "";
    grid-column: 1 / 9;
    grid-row: 1 / 2;
    display: block;
    background: #fff;
    z-index: 20;
}    

    
#contentaddarea .pos-4 {
    top: -61.7vw;
    left: 61.7vw;
    width:28.3vw;
    height:28.3vw;
}
#contentaddarea .pos-4 .page-header h2 a {
    font-size: 24px;
    line-height: 24px;
    padding: 14vw 3% 0;
    margin: 0;
    width:calc(28.3vw - 6%);
    height:14.3vw;
}
#contentaddarea .pos-4 .page-header h2:before {
    width: 28.3vw;
    height: 28.3vw;
}    
    
    
    
#contentaddarea .pos-5 {
    top: -15.425vw;
    left: 77.125vw;
    width:12.875vw;
    height:12.875vw;
}
#contentaddarea .pos-5 .page-header h2 a {
    font-size: 20px;
    line-height: 20px;
    padding: calc(6.4375vw - 10px) 3% 0;
    width:calc(12.875vw - 6%);
    height:6.4375vw;
}
#contentaddarea .pos-5 .page-header h2:before {
    width:12.875vw;
    height:12.875vw;
}

}
@media (max-width: 1000px) {
#contentarea .blog .blog-items.rastered::before {
  grid-column: 1 / 4;
  grid-row: 1 / 10;
    }
#contentarea .blog .blog-items.rastered div.blog-item{
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.rastered div:nth-child(2 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.rastered div:nth-child(3 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.rastered div:nth-child(4 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.rastered div:nth-child(1 of .rastered){
    grid-column: 2 / 3;
    grid-row: 1 / 13;
}
#contentarea .blog .blog-items.rastered div:nth-child(2 of .rastered){
    grid-column: 1 / 6;
    grid-row: 2 / 3;
}
#contentarea .blog .blog-items.rastered div:nth-child(3 of .rastered){
    grid-column: 1 / 6;
    grid-row: 4 / 5;
}
#contentarea .blog .blog-items.rastered div:nth-child(4 of .rastered){
    grid-column: 1 / 6;
    grid-row: 6 / 7;
}
#contentarea .blog .blog-items.rastered div:nth-child(5 of .rastered){
    grid-column: 1 / 6;
    grid-row: 8 / 9;
}
#contentarea .blog .blog-items.rastered div:nth-child(5 of .rastered){
    grid-column: 1 / 6;
    grid-row: 10 / 13;
}
#contentarea .blog .blog-items.rastered::after {
    content: "";
    display:block;
    background: #fff;
    grid-column: 1 / 6;
    grid-row: 1 / 2;
    z-index: 20;
    }
#contentarea .blog .blog-items.rastered .blog-item .item-content {
  grid-template-rows: 21vw 21vw;
}
#contentarea .blog .blog-items.rastered div.blog-item::after {
  width: 100%;
  height: 42.5vw;
}    
    
 
#contentaddarea .pos-4 {
    top: -95vw;
    left: 52.777%;
    width: 47.222%;
    height:42.5vw;
}
#contentaddarea .pos-4 .page-header h2 a {
    font-size: 24px;
    line-height: 24px;
    padding: 21vw 3% 0;
    width:calc(42.5vw - 6%);
    height:21.5vw;
}
#contentaddarea .pos-4 .page-header h2:before {
    width: 42.5vw;
    height: 42.5vw;
}  
    
    
#contentaddarea .pos-5 {
    top: -23.75vw;
    left: 71.25vw;
    width:18.75vw;
    height:18.75vw;
}
#contentaddarea .pos-5 .page-header h2 a {
    font-size: 20px;
    line-height: 20px;
    padding: calc(9.375vw - 10px) 3% 0;
    width:calc(18.75vw - 6%);
    height:9.375vw;
}
#contentaddarea .pos-5 .page-header h2:before {
    width:18.75vw;
    height:18.75vw;
}
}
@media (max-width: 750px) {
#contentarea .blog .blog-items.rastered.smaller {
  grid-template-columns: 42.5vw 5vw 42.5vw 3px;
  grid-template-rows: 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw;
}
    
    
#contentarea .blog .blog-items.rastered.smaller::before {
  grid-column: 1 / 4;
  grid-row: 1 / 9;
    }
#contentarea .blog .blog-items.rastered.smaller div.blog-item{
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(2 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(3 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(4 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(5 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(1 of .rastered){
    grid-column: 2 / 3;
    grid-row: 1 / 9;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(2 of .rastered){
    grid-column: 1 / 5;
    grid-row: 2 / 3;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(3 of .rastered){
    grid-column: 1 / 5;
    grid-row: 4 / 5;
}
#contentarea .blog .blog-items.rastered.smaller div:nth-child(4 of .rastered){
    grid-column: 1 / 5;
    grid-row: 6 / 7;
}
#contentarea .blog .blog-items.rastered.smaller::after {
    grid-column: 1 / 5;
    grid-row: 1 / 2;
    height:130px;
    top:-130px;
    }
#contentarea .blog .blog-items.rastered .blog-item .item-content {
  grid-template-rows: 18vw 24vw;
}
#contentarea .blog .blog-items.rastered div.blog-item::after {
  width: 42.5vw;
  height: 42.5vw;
} 
#contentarea .blog .blog-items.rastered.smaller .blog-item .item-content .readmore a {
  width: 42.5vw;
  height: 42.5vw;
}
#contentarea .blog .blog-items.rastered.smaller .blog-item:hover .item-content .readmore a {
  width: 42.5vw;
  height: 42.5vw;
}    
 
    
#contentaddarea .pos-4 {
    top: -47.5vw;
    left: 47.5vw;
    width:42.5vw;
    height:42.5vw;
}
#contentaddarea .pos-4 .page-header h2 a {
    font-size: 24px;
    line-height: 24px;
    padding: 18vw 3% 0;
    width:calc(42.5vw - 6%);
    height:24.5vw;
}
#contentaddarea .pos-4 .page-header h2:before {
    width: 42.5vw;
    height: 42.5vw;
}     
    
    
    
    
#contentaddarea .pos-5 {
    position: relative;
    top: -42.5vw;
    left: 0;
    width: 42.5vw;
    height: 42.5vw;
    margin: 0 0 5vw 47.5vw;
  }
#contentaddarea .pos-5 .page-header h2 a {
    font-size: 20px;
    line-height: 20px;
    padding: calc(21.25vw - 10px) 3% 0;
    width:calc(42.5vw - 6%);
    height:21.25vw;
}
#contentaddarea .pos-5 .page-header h2:before {
    width:42.5vw;
    height:42.5vw;
}
}





@media (max-width: 550px) {
  
}

@media (max-width: 460px) {
#contentaddarea .pos-4 .page-header h2 a {
    font-size: 18px;
    line-height: 18px;
}
}





/* Blog mit Kleinraster */
#contentarea .blog .blog-items.kleinraster {
    display:grid;
    grid-template-columns: 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw;
    grid-template-rows: 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw;
}
#contentarea .blog .blog-items.kleinraster div.blog-item{
    position: relative;
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(2 of .blog-item){
    grid-column: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(3 of .blog-item){
    grid-column: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(4 of .blog-item){
    grid-column: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(5 of .blog-item){
    grid-column: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(6 of .blog-item){
    grid-column: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(7 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(8 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(9 of .blog-item){
    grid-column: 9 / 10;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(10 of .blog-item){
    grid-column: 11 / 12;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(11 of .blog-item) {
    grid-column: 13 / 14;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(12 of .blog-item) {
    grid-column: 15 / 16;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(13 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(14 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(15 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(16 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(17 of .blog-item) {
    grid-column: 9 / 10;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(18 of .blog-item) {
    grid-column: 11 / 12;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(19 of .blog-item){
    grid-column: 13 / 14;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(20 of .blog-item){
    grid-column: 15 / 16;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(21 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(22 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(23 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(24 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(25 of .blog-item){
    grid-column: 9 / 10;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(26 of .blog-item){
    grid-column: 11 / 12;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(27 of .blog-item) {
    grid-column: 13 / 14;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(28 of .blog-item) {
    grid-column: 15 / 16;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image,
#contentarea .blog .blog-items.kleinraster .blog-item .item-image::before {    
    width: 9.0625vw;
    height: 9.0625vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image {
    grid-template-columns: 9.0625vw;
    grid-template-rows: 9.0625vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image img {
    height: 9.0625vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .readmore a {
    width: 9.0625vw;
    height: 9.0625vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content {
    grid-template-rows: 4.5vw 4.5vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content .page-header {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    align-self: end;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content .article-info {
    display: none;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content .page-header + p,
#contentarea .blog .blog-items.kleinraster .blog-item .item-content .page-header + dl + p,
#contentarea .blog .blog-items.kleinraster .blog-item .item-content .page-header + div.icons + dl + p{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    align-self: end;
    text-align: center;
    color: #eeeeee;
    padding:0 0.5vw 5px;
    margin:0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.05em;
    text-decoration: none;
    z-index: 80;
    overflow: hidden;
    opacity: 0;
transition: all 0.3s ease-in-out 0ms;
-webkit-transition: all 0.3s ease-in-out 0ms;
-moz-transition: all 0.3s ease-in-out 0ms;
-o-transition: all 0.3s ease-in-out 0ms;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .page-header + p,
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .page-header + dl + p,
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .page-header + div.icons + dl + p {
	opacity:1;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
	}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .page-header + dl + p {
    color:#000;
}
#contentarea .blog .blog-items.stellen h2 {
    opacity: 1;
}




@media (min-width: 2000px) {
#contentarea .blog .blog-items.kleinraster {
    grid-template-columns: 181px 50px 181px 51px 181px 50px 181px 50px 181px 50px 181px 51px 181px 50px 181px;
    grid-template-rows: 181px 50px 181px 50px 181px 50px 181px 50px;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image,
#contentarea .blog .blog-items.kleinraster .blog-item .item-image::before {    
    width: 181px;
    height: 181px;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image {
    grid-template-columns: 181px;
    grid-template-rows: 181px;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image img {
    height: 181px;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .readmore a {
    width: 181px;
    height: 181px;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content {
    grid-template-rows: 90px 91px;
}    
    
    
    
}
@media (max-width: 1400px) {
#contentarea .blog .blog-items.kleinraster {
    grid-template-columns: 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw;
    grid-template-rows: 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw ;
}
#contentarea .blog .blog-items.kleinraster div.blog-item{
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(2 of .blog-item){
    grid-column: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(3 of .blog-item){
    grid-column: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(4 of .blog-item){
    grid-column: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(5 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(6 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(7 of .blog-item){
    grid-column: 9 / 10;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(8 of .blog-item){
    grid-column: 11 / 12;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(9 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(10 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(11 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(12 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(13 of .blog-item){
    grid-column: 9 / 10;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(14 of .blog-item){
    grid-column: 11 / 12;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(15 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(16 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(17 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(18 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(19 of .blog-item){
    grid-column: 9 / 10;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(20 of .blog-item){
    grid-column: 11 / 12;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(21 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(22 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(23 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(24 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(25 of .blog-item){
    grid-column: 9 / 10;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(26 of .blog-item){
    grid-column: 11 / 12;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(27 of .blog-item) {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(28 of .blog-item) {
    grid-column: 3 / 4;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image,
#contentarea .blog .blog-items.kleinraster .blog-item .item-image::before {    
    width: 12.875vw;
    height: 12.875vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image {
    grid-template-columns: 12.875vw;
    grid-template-rows: 12.875vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image img {
    height: 12.875vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .readmore a {
    width: 12.875vw;
    height: 12.875vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content {
    grid-template-rows: 6vw 6vw;
}
}
@media (max-width: 1000px) {
#contentarea .blog .blog-items.kleinraster {
    grid-template-columns: 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw;
    grid-template-rows: 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw ;
}
#contentarea .blog .blog-items.kleinraster div.blog-item{
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(2 of .blog-item){
    grid-column: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(3 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(4 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(5 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(6 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(7 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(8 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(9 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(10 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(11 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(12 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(13 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(14 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(15 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(16 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(17 of .blog-item) {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(18 of .blog-item) {
    grid-column: 3 / 4;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(19 of .blog-item){
    grid-column: 5 / 6;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(20 of .blog-item){
    grid-column: 7 / 8;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(21 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(22 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(23 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(24 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(25 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(26 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(27 of .blog-item) {
    grid-column: 5 / 6;
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(28 of .blog-item) {
    grid-column: 7 / 8;
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image,
#contentarea .blog .blog-items.kleinraster .blog-item .item-image::before {    
    width: 18.75vw;
    height: 18.75vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image {
    grid-template-columns: 18.75vw;
    grid-template-rows: 18.75vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image img {
    height: 18.75vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .readmore a {
    width: 18.75vw;
    height: 18.75vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content {
    grid-template-rows: 9vw 9vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content .readmore a {
    height: 18.75vw;
    }
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .readmore a {
    height: 18.75vw;
    }
}
@media (max-width: 750px) {
#contentarea .blog .blog-items.kleinraster {
    grid-template-columns: 42.5vw 5vw 42.5vw;
    grid-template-rows: 18.75vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw  ;
}
#contentarea .blog .blog-items.kleinraster div.blog-item{
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(2 of .blog-item){
    grid-column: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(3 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(4 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(5 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(6 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(7 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(8 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(9 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(10 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(11 of .blog-item) {
    grid-column: 1 / 2;
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(12 of .blog-item) {
    grid-column: 3 / 4;
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(13 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(14 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(15 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 17 / 18;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(16 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 17 / 18;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(17 of .blog-item) {
    grid-column: 1 / 2;
    grid-row: 19 / 20;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(18 of .blog-item) {
    grid-column: 3 / 4;
    grid-row: 19 / 20;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(19 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 21 / 22;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(20 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 21 / 22;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(21 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 23 / 24;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(22 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 23 / 24;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(23 of .blog-item) {
    grid-column: 1 / 2;
    grid-row: 25 / 26;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(24 of .blog-item) {
    grid-column: 3 / 4;
    grid-row: 25 / 26;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(25 of .blog-item){
    grid-column: 1 / 2;
    grid-row: 27 / 28;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(26 of .blog-item){
    grid-column: 3 / 4;
    grid-row: 27 / 28;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(27 of .blog-item) {
    grid-column: 1 / 2;
    grid-row: 27 / 28;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(28 of .blog-item) {
    grid-column: 3 / 4;
    grid-row: 29 / 30;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image,
#contentarea .blog .blog-items.kleinraster .blog-item .item-image::before {    
    width: 42.5vw;
    height: 42.5vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image {
    grid-template-columns: 42.5vw;
    grid-template-rows: 42.5vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image img {
    height: 42.5vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .readmore a {
    width: 42.5vw;
    height: 42.5vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content .readmore a {
    height: 42.5vw;
    }   
#contentarea .blog .blog-items.kleinraster .blog-item .item-content {
    grid-template-rows: 41vw 1vw;
}
#contentarea .blog .blog-items h2 {
    opacity: 1;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .page-header + p,
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .page-header + dl + p,
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .page-header + div.icons + dl + p {
	opacity:0;
    }
}
@media (max-width: 460px) {
#contentarea .blog .blog-items.kleinraster {
    grid-template-columns: 90vw;
    grid-template-rows: 18.75vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw;
}
#contentarea .blog .blog-items.kleinraster div.blog-item{
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(2 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(3 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(4 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(5 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(6 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(7 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(8 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(9 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(10 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(11 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(12 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(13 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(14 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(15 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(16 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(17 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(18 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(19 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(20 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(21 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(22 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(23 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(24 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(25 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(26 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(27 of .blog-item),
#contentarea .blog .blog-items.kleinraster div:nth-child(28 of .blog-item) {
    grid-column: 1 / 2;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(2 of .blog-item){
    grid-row: 5 / 6;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(3 of .blog-item){
    grid-row: 7 / 8;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(4 of .blog-item){
    grid-row: 9 / 10;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(5 of .blog-item){
    grid-row: 11 / 12;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(6 of .blog-item){
    grid-row: 13 / 14;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(7 of .blog-item){
    grid-row: 15 / 16;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(8 of .blog-item){
    grid-row: 17 / 18;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(9 of .blog-item){
    grid-row: 19 / 20;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(10 of .blog-item){
    grid-row: 21 / 22;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(11 of .blog-item) {
    grid-row: 23 / 24;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(12 of .blog-item) {
    grid-row: 25 / 26;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(13 of .blog-item){
    grid-row: 27 / 28;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(14 of .blog-item){
    grid-row: 29 / 30;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(15 of .blog-item){
    grid-row: 31 / 32;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(16 of .blog-item){
    grid-row: 33 / 34;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(17 of .blog-item) {
    grid-row: 35 / 36;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(18 of .blog-item) {
    grid-row: 37 / 38;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(19 of .blog-item){
    grid-row: 39 / 40;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(20 of .blog-item){
    grid-row: 41 / 42;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(21 of .blog-item){
    grid-row: 43 / 44;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(22 of .blog-item){
    grid-row: 45 / 46;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(23 of .blog-item) {
    grid-row: 47 / 48;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(24 of .blog-item) {
    grid-row: 49 / 50;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(25 of .blog-item){
    grid-row: 51 / 52;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(26 of .blog-item){
    grid-row: 53 / 54;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(27 of .blog-item) {
    grid-row: 55 / 56;
}
#contentarea .blog .blog-items.kleinraster div:nth-child(28 of .blog-item) {
    grid-row: 57 / 58;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image,
#contentarea .blog .blog-items.kleinraster .blog-item .item-image::before {    
    width: 90vw;
    height: 90vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image {
    grid-template-columns: 90vw;
    grid-template-rows: 90vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-image img {
    height: 90vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item:hover .item-content .readmore a {
    width: 90vw;
    height: 90vw;
}
#contentarea .blog .blog-items.kleinraster .blog-item .item-content {
    grid-template-rows: 80vw 9vw;
}
}


/* Kategorieuebersicht */
#contentarea .categories-list {
    position: relative;
}
.categories-list h1 {
    width: 23.125vw;
    height: 23.125vw;
    display: block;
    background: #ffffff;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -0.05em;
    line-height: 24px;
    text-align: left;
    padding: 0;
    margin: 0;
    position: absolute;
    left:0;
    top:0;
    z-index: 80;
}
#contentarea .categories-list .com-content-categories__items {
    display:grid;
    grid-template-columns: 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw;
    grid-template-rows: 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw 9.0625vw 2.5vw;
}
#contentarea .categories-list .com-content-categories__items:before {
    content: "";
    position: relative;
    grid-column: 1 / 16;
    grid-row: 1 / 8;
    background: url("../images/bg1.webp") no-repeat fixed;
    background-size: cover;
    z-index: 10;
}
.categories-list .com-content-categories__item {
    grid-column: 7 / 8;
    grid-row: 1 / 2;
    border: none;
    place-self: center; 
    background-color: #c4bdb0;
    display:grid;
    grid-template-columns: 9.0625vw;
    grid-template-rows: 9.0625vw;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
    z-index: 80;
}
.categories-list .com-content-categories__item:hover {
    background-color: #fff;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
.categories-list .com-content-categories__item .com-content-categories__item-title-wrapper {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    place-self: center; 
    color: #ffffff;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.categories-list .com-content-categories__item .com-content-categories__item-title-wrapper a {
    color: #fff;
    text-decoration: none;
    letter-spacing: -0.03em;
    line-height: 20px;
    font-size: 20px;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
    padding: 0 5px;
}
.categories-list .com-content-categories__item:hover .com-content-categories__item-title-wrapper a {
    color: #0e0e0e;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
}
.categories-list div:nth-child(2 of .com-content-categories__item) {
    grid-column: 11 / 12;
    grid-row: 1 / 2;
}
.categories-list div:nth-child(3 of .com-content-categories__item) {
    grid-column: 9 / 10;
    grid-row: 3 / 4;
}
.categories-list div:nth-child(4 of .com-content-categories__item) {
    grid-column: 15 / 16;
    grid-row: 3 / 4;
}
.categories-list div:nth-child(5 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(6 of .com-content-categories__item) {
    grid-column: 7 / 8;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(7 of .com-content-categories__item) {
    grid-column: 13 / 14;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(8 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(9 of .com-content-categories__item) {
    grid-column: 11 / 12;
    grid-row: 7 / 8;
}

.categories-list .raster {
    display:block;
    z-index: 20;   
}
.categories-list div:nth-child(1 of .raster) {
    background: #fff;
    grid-column: 1 / 16;
    grid-row: 2 / 3; 
}
.categories-list div:nth-child(2 of .raster) {
    background: #fff;
    grid-column: 1 / 16;
    grid-row: 4 / 5; 
}
.categories-list div:nth-child(3 of .raster) {
    background: #fff;
    grid-column: 1 / 16;
    grid-row: 6 / 7; 
}
.categories-list div:nth-child(4 of .raster) {
    background: #fff;
    grid-column: 1 / 16;
    grid-row: 8 / 9; 
}
.categories-list div:nth-child(5 of .raster) {
    background: #fff;
    grid-column: 2 / 3;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(6 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(7 of .raster) {
    background: #fff;
    grid-column: 6 / 7;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(8 of .raster) {
    background: #fff;
    grid-column: 8 / 9;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(9 of .raster) {
    background: #fff;
    grid-column: 10 / 11;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(10 of .raster) {
    background: #fff;
    grid-column: 12 / 13;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(11 of .raster) {
    background: #fff;
    grid-column: 14 / 15;
    grid-row: 1 / 9; 
}
.readmore .btn {
    transition: all 200ms ease-in-out 100ms;
-webkit-transition: all 200ms ease-in-out 100ms;
-moz-transition: all 200ms ease-in-out 100ms;
-o-transition: all 200ms ease-in-out 100ms;
-ms-transition: all 200ms ease-in-out 100ms;
}
.readmore .btn:hover {
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
@media (min-width: 2000px) {
.categories-list h1 {
    width: 463px;
    height: 463px;
}
#contentarea .categories-list .com-content-categories__items {
    grid-template-columns: 181px 50px 181px 51px 181px 50px 181px 50px 181px 50px 181px 51px 181px 50px 181px;
    grid-template-rows: 181px 50px 181px 50px 181px 50px 181px 50px;
}
.categories-list .com-content-categories__item {
    grid-template-columns: 181px;
    grid-template-rows: 181px;
}    
    
}
@media (max-width: 1400px) {
.categories-list h1 {
    width: 28.3vw;
    height: 28.3vw;
    font-size: 24px;
    line-height: 24px;
}
#contentarea .categories-list .com-content-categories__items {
    grid-template-columns: 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw;
    grid-template-rows: 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw 12.875vw 2.55vw;
}
#contentarea .categories-list .com-content-categories__items:before {
    grid-column: 1 / 12;
    grid-row: 1 / 12;
    background: url("../images/bg1.webp") no-repeat fixed;
    background-size: cover;
}
.categories-list .com-content-categories__item {
    grid-column: 7 / 8;
    grid-row: 1 / 2;
    grid-template-columns: 12.875vw;
    grid-template-rows: 12.875vw;
}
.categories-list div:nth-child(2 of .com-content-categories__item) {
    grid-column: 11 / 12;
    grid-row: 1 / 2;
}
.categories-list div:nth-child(3 of .com-content-categories__item) {
    grid-column: 9 / 10;
    grid-row: 3 / 4;
}
.categories-list div:nth-child(4 of .com-content-categories__item) {
    grid-column: 11 / 12;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(5 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(6 of .com-content-categories__item) {
    grid-column: 7 / 8;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(7 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(8 of .com-content-categories__item) {
    grid-column: 5 / 6;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(9 of .com-content-categories__item) {
    grid-column: 9 / 10;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(1 of .raster) {
    background: #fff;
    grid-column: 1 / 12;
    grid-row: 2 / 3; 
}
.categories-list div:nth-child(2 of .raster) {
    background: #fff;
    grid-column: 1 / 12;
    grid-row: 4 / 5; 
}
.categories-list div:nth-child(3 of .raster) {
    background: #fff;
    grid-column: 1 / 12;
    grid-row: 6 / 7; 
}
.categories-list div:nth-child(4 of .raster) {
    background: #fff;
    grid-column: 1 / 12;
    grid-row: 8 / 9; 
}
.categories-list div:nth-child(5 of .raster) {
    background: #fff;
    grid-column: 2 / 3;
    grid-row: 1 / 13; 
}
.categories-list div:nth-child(6 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 13; 
}
.categories-list div:nth-child(7 of .raster) {
    background: #fff;
    grid-column: 6 / 7;
    grid-row: 1 / 13; 
}
.categories-list div:nth-child(8 of .raster) {
    background: #fff;
    grid-column: 8 / 9;
    grid-row: 1 / 13; 
}
.categories-list div:nth-child(9 of .raster) {
    background: #fff;
    grid-column: 10 / 11;
    grid-row: 1 / 13; 
}
.categories-list div:nth-child(10 of .raster) {
    background: #fff;
    grid-column: 12 / 13;
    grid-row: 1 / 13; 
}
.categories-list div:nth-child(11 of .raster) {
    background: #fff;
    grid-column: 1 / 12;
    grid-row: 10 / 11; 
}
}
@media (max-width: 1000px) {
.categories-list h1 {
    width: 42.5vw;
    height: 18.75vw;
    font-size: 24px;
    line-height: 24px;
}
#contentarea .categories-list .com-content-categories__items {
    grid-template-columns: 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw;
    grid-template-rows: 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw 18.75vw 5vw ;
}
#contentarea .categories-list .com-content-categories__items:before {
    grid-column: 1 / 8;
    grid-row: 1 / 8;
    background: url("../images/bg1.webp") no-repeat fixed;
    background-size: cover;
}
.categories-list .com-content-categories__item {
    grid-column: 7 / 8;
    grid-row: 1 / 2;
    grid-template-columns: 18.75vw;
    grid-template-rows: 18.75vw;
}
.categories-list div:nth-child(2 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
.categories-list div:nth-child(3 of .com-content-categories__item) {
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
.categories-list div:nth-child(4 of .com-content-categories__item) {
    grid-column: 7 / 8;
    grid-row: 3 / 4;
}
.categories-list div:nth-child(5 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(6 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(7 of .com-content-categories__item) {
    grid-column: 7 / 8;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(8 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(9 of .com-content-categories__item) {
    grid-column: 5 / 6;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(1 of .raster) {
    background: #fff;
    grid-column: 1 / 8;
    grid-row: 2 / 3; 
}
.categories-list div:nth-child(2 of .raster) {
    background: #fff;
    grid-column: 1 / 8;
    grid-row: 4 / 5; 
}
.categories-list div:nth-child(3 of .raster) {
    background: #fff;
    grid-column: 1 / 8;
    grid-row: 6 / 7; 
}
.categories-list div:nth-child(4 of .raster) {
    background: #fff;
    grid-column: 1 / 8;
    grid-row: 8 / 9; 
}
.categories-list div:nth-child(5 of .raster) {
    background: #fff;
    grid-column: 2 / 3;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(6 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(7 of .raster) {
    background: #fff;
    grid-column: 6 / 7;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(8 of .raster) {
    background: #fff;
    grid-column: 8 / 9;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(9 of .raster) {
    background: #fff;
    grid-column: 8 / 9;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(10 of .raster) {
    background: #fff;
    grid-column: 8 / 9;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(11 of .raster) {
    background: #fff;
    grid-column: 8 / 9;
    grid-row: 1 / 9; 
}
}
@media (max-width: 750px) {
.categories-list h1 {
    width: 90vw;
    height: 18.75vw;
    font-size: 24px;
    line-height: 24px;
}
#contentarea .categories-list .com-content-categories__items {
    grid-template-columns: 42.5vw 5vw 42.5vw;
    grid-template-rows: 18.75vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw;
}
#contentarea .categories-list .com-content-categories__items:before {
    grid-column: 1 / 8;
    grid-row: 1 / 8;
    background: url("../images/bg1.webp") no-repeat fixed;
    background-size: cover;
}
.categories-list .com-content-categories__item {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    grid-template-columns: 42.5vw;
    grid-template-rows: 42.5vw;
}
.categories-list div:nth-child(2 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
.categories-list div:nth-child(3 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(4 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
.categories-list div:nth-child(5 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(6 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
.categories-list div:nth-child(7 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
}
.categories-list div:nth-child(8 of .com-content-categories__item) {
    grid-column: 3 / 4;
    grid-row: 9 / 10;
}
.categories-list div:nth-child(9 of .com-content-categories__item) {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
}
.categories-list div:nth-child(1 of .raster) {
    background: #fff;
    grid-column: 1 / 4;
    grid-row: 2 / 3; 
}
.categories-list div:nth-child(2 of .raster) {
    background: #fff;
    grid-column: 1 / 4;
    grid-row: 4 / 5; 
}
.categories-list div:nth-child(3 of .raster) {
    background: #fff;
    grid-column: 1 / 4;
    grid-row: 6 / 7; 
}
.categories-list div:nth-child(4 of .raster) {
    background: #fff;
    grid-column: 1 / 4;
    grid-row: 8 / 9; 
}
.categories-list div:nth-child(5 of .raster) {
    background: #fff;
    grid-column: 1 / 4;
    grid-row: 10 / 11; 
}
.categories-list div:nth-child(6 of .raster) {
    background: #fff;
    grid-column: 2 / 3;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(7 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(8 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(9 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(10 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 9; 
}
.categories-list div:nth-child(11 of .raster) {
    background: #fff;
    grid-column: 4 / 5;
    grid-row: 1 / 9; 
}
}
@media (max-width: 460px) {
.categories-list h1 {
    font-size: 36px;
    line-height: 36px;
}
}



/* Inhaltsseite */
#contentarea .item-page {
    position: relative;
}
.item-page .page-header {
    padding:20px 0 0;
    font-weight: normal;
    font-size: 24px;
    width: 20.625vw;
    margin: 0 0 30px 0;
    color: #919191;
    letter-spacing: -0.05em;
    line-height: 1em;
    text-align: left;
}
.item-page .page-header h2 {
    padding:0;
    font-weight: normal;
    font-size: 24px;
    margin: 0;
    color:#919191;
    letter-spacing: -0.05em;
    line-height: 1em;
    text-align: left;
    z-index: 60;
    position: relative;
}
.item-page .page-header h1 {
    margin: 0;
    padding: 0;
}
.item-page dl {
    padding:0;
    margin:0;
    position: absolute;
    top:0;
    left:0;
    text-align: left;
    z-index: 60;
}
.item-page .category-name {
    color: #0e0e0e;
    font-size: 14px;
    letter-spacing: -0.05em;
    text-decoration: none;
    text-align: left;
    opacity: 1;    
}
.item-page figure.item-image {
    padding:0;
    margin:0;
}
.item-page figure.item-image img {
    max-width:100%;
    height:Auto;
}
.item-page a {
    color: #0e0e0e;
}
.item-page.architektur .com-content-article__body {
    min-height: 46.25vw;
}
.item-page.architektur .com-content-article__body p {
    width: 20.625vw; 
    position: relative;
    z-index: 60;
}
.item-page.architektur .com-content-article__body .rc_gallery {
    display:grid;
    grid-template-columns: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw;
    grid-template-rows: 20.625vw 2.5vw 20.625vw 2.5vw;  
    position: absolute;
    left:0;
    top:0;
    z-index: 20;
}
.item-page.architektur .com-content-article__body .rc_gallery a {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    overflow: hidden;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(2) {
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(3) {
    grid-column: 7 / 8;
    grid-row: 1 / 2;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(6) {
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(7) {
    grid-column: 7 / 8;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg_container {
    display:grid;
    grid-template-columns: 20.625vw;
    grid-template-rows: 20.625vw;    
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg_container picture {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    place-self: center;     
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg {
    margin:0 !important;
    height:20.625vw !important;
    width:auto !important;
}
@media (min-width: 2000px) {
.item-page .page-header {
    width: 412px;
}
.item-page.architektur .com-content-article__body {
    min-height: 46.25vw;
}
.item-page.architektur .com-content-article__body p {
    width: 412px; 
}
.item-page.architektur .com-content-article__body .rc_gallery {
    grid-template-columns: 412px 51px 412px 50px 412px 51px 412px;
    grid-template-rows: 412px 50px 412px 50px;  
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg_container {
    grid-template-columns: 412px;
    grid-template-rows: 412px;    
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg {
    height:412px !important;
}    
}
@media (max-width: 1400px) {
.item-page.architektur .com-content-article__body {
    min-height: 92.55vw;
}
.item-page.architektur .com-content-article__body p {
    width: 28.3vw; 
    }
.item-page.architektur .com-content-article__body .rc_gallery {
    grid-template-columns: 28.3vw 2.55vw 28.3vw 2.55vw 28.3vw;
    grid-template-rows: 28.3vw 2.55vw 28.3vw 2.55vw 28.3vw 2.55vw;  
}
.item-page.architektur .com-content-article__body .rc_gallery a {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(2) {
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(3) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(4) {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(5) {
    grid-column: 5 / 6;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(6) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(7) {
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg_container {
    display:grid;
    grid-template-columns: 28.3vw;
    grid-template-rows: 28.3vw;    
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg {
    height:28.3vw !important;
}
.item-page .page-header {
    width:28.3vw;
    }
}
@media (max-width: 1000px) {
.item-page.architektur .com-content-article__body {
    min-height: 185vw;
}
.item-page.architektur .com-content-article__body p {
    width: 42.5vw; 
    }
.item-page.architektur .com-content-article__body .rc_gallery {
    grid-template-columns: 42.5vw 5vw 42.5vw;
    grid-template-rows: 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw 42.5vw 5vw;  
}
.item-page.architektur .com-content-article__body .rc_gallery a {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 5 / 6;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(6) {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(7) {
    grid-column: 3 / 4;
    grid-row: 7 / 8;
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg_container {
    display:grid;
    grid-template-columns: 42.5vw;
    grid-template-rows: 42.5vw;    
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg {
    height:42.5vw !important;
}
.item-page .page-header {
    width:42.5vw;
    }
}
@media (max-width: 750px) {
.item-page.architektur .com-content-article__body p {
    width: 90vw; 
    }
.item-page.architektur .com-content-article__body .rc_gallery {
    padding:100px 0 0;
    grid-template-columns: 90vw;
    grid-template-rows: 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw 90vw 10vw ;  
    position: relative;
    }
.item-page.architektur .com-content-article__body .rc_gallery a {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(3) {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(5) {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(6) {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
}
.item-page.architektur .com-content-article__body .rc_gallery a:nth-child(7) {
    grid-column: 1 / 2;
    grid-row: 13 / 14;
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg_container {
    display:grid;
    grid-template-columns: 90vw;
    grid-template-rows: 90vw;    
}
.item-page.architektur .com-content-article__body .rc_gallery a .rc_galleryimg {
    height:90vw !important;
}
.item-page .page-header {
    width:90vw;
    }
}
@media (max-width: 460px) {
.item-page .category-name {
    font-size: 18px;
    }
.item-page .page-header {
    padding:20px 0 0;
    font-size: 36px;
}
.item-page .page-header h2 {
    font-size: 36px;
}
}




.item-page.bigpic {
    display:grid;
    grid-template-columns: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw;
    grid-template-rows: 20px min-content 2.5vw 20.625vw 2.5vw minmax(min-content, 20.625vw); 
    position: relative;
}
.item-page.bigpic .page-header {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding:0;
    margin:0;
    width:auto;
}
.item-page.bigpic dl {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    position: relative;
}
.item-page.bigpic figure.item-image {
    grid-column: 3 / 8;
    grid-row: 1 / 7;
    position: relative;
}
.item-page.bigpic figure.item-image img {
    width:100%;
    height:auto;
}
.item-page.bigpic .com-content-article__body {
    min-height: 20.625vw;
    grid-column: 1 / 2;
    grid-row: 3 / 7;
}
.item-page.bigpic .avPlayerWrapper {
    position: absolute;
    left:0;
    top:0;
    width:66.875vw;
    height:auto;
}
.item-page.bigpic .avPlayerWrapper .avPlayerContainer .avPlayerBlock {
  padding: 56.3% 0 0 0 !important;
}


@media (min-width: 2000px) {
.item-page.bigpic {
    grid-template-columns: 412px 51px 412px 50px 412px 51px 412px;
    grid-template-rows: 20px min-content 50px 412px 50px minmax(min-content, 412px); 
}
.item-page.bigpic .com-content-article__body {
    min-height: 412px;
}
.item-page.bigpic .avPlayerWrapper {
    width:1337px;
}    
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 750px) {
.item-page.bigpic {
  grid-template-columns: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw;
  grid-template-rows: 20px min-content 2.5vw min-content 2.5vw minmax(min-content, 20.625vw);
}
.item-page.bigpic .page-header {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
}
.item-page.bigpic dl {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
}
.item-page.bigpic figure.item-image {
    grid-column: 1 / 8;
    grid-row: 4 / 5;
}
.item-page.bigpic .com-content-article__body {
    min-height: 20.625vw;
    grid-column: 1 / 8;
    grid-row: 5 / 7;
    padding: 0 0 42.5vw;
}
.item-page.bigpic .avPlayerWrapper {
    position: absolute;
    left:0;
    top:auto;
    bottom: 0;
    width:90vw;
}
}
@media (max-width: 460px) {
}





.item-page.middlpic {
    display:grid;
    grid-template-columns: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw;
    grid-template-rows: 20px min-content 2.5vw 20.625vw 2.5vw minmax(min-content, 20.625vw); 
    position: relative;
}
.item-page.middlpic .page-header {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding:0;
    margin:0;
    width:auto;
}
.item-page.middlpic dl {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    position: relative;
}
.item-page.middlpic figure.item-image {
    grid-column: 3 / 6;
    grid-row: 1 / 7;
    position: relative;
}
.item-page.middlpic figure.item-image img {
    width:100%;
    height:auto;
}
.item-page.middlpic .com-content-article__body {
    min-height: 20.625vw;
    grid-column: 1 / 2;
    grid-row: 3 / 7;
}
.item-page.middlpic .avPlayerWrapper {
    position: absolute;
    left:0;
    top:0;
    width:66.875vw;
    height:auto;
}
@media (min-width: 2000px) {
.item-page.middlpic {
    grid-template-columns: 412px 51px 412px 50px 412px 51px 412px;
    grid-template-rows: 20px min-content 50px 412px 50px minmax(min-content, 412px); 
}
.item-page.middlpic .com-content-article__body {
    min-height: 412px;
}
.item-page.middlpic .avPlayerWrapper {
    width:1337px;
}
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 750px) {
.item-page.middlpic {
  grid-template-columns: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw;
  grid-template-rows: 20px min-content 2.5vw min-content 2.5vw minmax(min-content, 20.625vw);
}
.item-page.middlpic .page-header {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
}
.item-page.middlpic dl {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
}
.item-page.middlpic figure.item-image {
    grid-column: 1 / 8;
    grid-row: 4 / 5;
}
.item-page.middlpic .com-content-article__body {
    min-height: 20.625vw;
    grid-column: 1 / 8;
    grid-row: 5 / 7;
    padding: 0 0 42.5vw;
}
.item-page.middlpic .avPlayerWrapper {
    position: absolute;
    left:0;
    top:auto;
    bottom: 0;
    width:90vw;
}
}
@media (max-width: 460px) {
}








.item-page.minpic {
    display:grid;
    grid-template-columns: 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw 2.5vw 20.625vw;
    grid-template-rows: 20px min-content 2.5vw 20.625vw 2.5vw min-content;   
}
.item-page.minpic .page-header {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding:0;
    margin:0;
    width:auto;
}
.item-page .page-header h1 {
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -0.05em;
    line-height: 24px;
    text-align: left;
    margin: 0;
    padding: 0;
}
.item-page.minpic dl {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    position: relative;
}
.item-page.minpic .icons {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    align-self: center;   
}
.item-page.minpic figure.item-image {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    position: relative;
}
.item-page.minpic figure.item-image img {
    width:100%;
    height:auto;
}
.item-page.minpic .com-content-article__body {
    min-height: 20.625vw;
    grid-column: 3 / 6;
    grid-row: 1 / 7;
}
@media (min-width: 2000px) {
.item-page.minpic {
    display:grid;
    grid-template-columns: 412px 51px 412px 50px 412px 51px 412px;
    grid-template-rows: 20px min-content 50px 412px 50px min-content;   
}
.item-page.minpic .com-content-article__body {
    min-height: 412px;
}
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 750px) {
.item-page.minpic .page-header {
  grid-column: 1 / 4;
  grid-row: 2 / 3;
    }
.item-page.minpic .com-content-article__body {
    grid-column: 3 / 8;
    grid-row: 4 / 7;
}
}
@media (max-width: 460px) {
.item-page.minpic .page-header {
  grid-column: 1 / 8;
  grid-row: 2 / 3;
    }
.item-page.minpic .com-content-article__body {
    grid-column: 1 / 8;
    grid-row: 4 / 7;
}
.item-page .page-header h1 {
    font-size: 36px;
    line-height: 36px;
    }
}



/* Fussbereich */
#footerarea {
	clear:both;
	width:100%;
	height:140px;
	text-align:center;
	padding:40px 0;
    background: #fff;
	}
#footerarea ul {
	display:inline;
	margin:0;
	padding:0;
	}
#footerarea ul li {
	display:inline;
	margin:0;
	padding:0 5px;
	}
#footerarea a {
	color:#5e5e5e
	text-decoration:none;
	}
#footerarea ul li a {
	color:#dadada;
	}
@media (min-width: 2000px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 750px) {
}
@media (max-width: 460px) {
}




/* Adressbereich */
#adressarea {
	clear:both;
	width:100%;
	min-height:20px;
	text-align:center;
	position:fixed;
	bottom:0;
	background:#ffffff;
	padding:2vw 0 2vw 0;
	z-index:800;
    color:#919191;
	}
#adressarea ul {
	display:inline;
	margin:0;
	padding:0;
	}
#adressarea ul li {
	display:inline;
	margin:0;
	padding:0 5px;
	}
#adressarea a {
	color:#5e5e5e
	text-decoration:none;
	}
#adressarea ul li a {
	color:#5e5e5e
	}
@media (min-width: 2000px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
#adressarea ul li {
	display:block;
    font-size: 12px;
}
#adressarea ul li:nth-child(4),
#adressarea ul li:nth-child(5),
#adressarea ul li:nth-child(6),
#adressarea ul li:nth-child(7) {
	display:inline-block;
}
}
@media (max-width: 750px) {
}
@media (max-width: 460px) {
}



/* Formular */
div#ff_formdiv2 + div span {
    display:none;
}



/* Fussbereich */
#footerarea {
}
.footerelement a {
    text-decoration:none;
}
.footerelement li {
    padding:0;
    margin:0;
    list-style: none;
}
@media (min-width: 2000px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 750px) {
}
@media (max-width: 460px) {
}





/* Facebook Modul */
#fb-root,
.fb_iframe_widget{
	margin:0;
	z-index:200;
	}
.fb_iframe_widget,
.fb_iframe_widget span{
    width: 1080px !important;
}
.moduletable.fullwidth.desktop {
    overflow: hidden;
}
.moduletable.fullwidth.mobil,
.moduletable.fullwidth.tablet{
        display:none;
    }
.fb-page blockquote {
    margin:36px 0 20px 360px;
}

@media (min-width: 2000px) {
}
@media (max-width: 1400px) {
.fb_iframe_widget,
.fb_iframe_widget span{
    width: 720px !important;
}
}
@media (max-width: 1000px) {
.moduletable.fullwidth.desktop,
.moduletable.fullwidth.tablet,
.moduletable.fullwidth.mobil
    {
    position: relative;
    }
.fb_iframe_widget{
	margin:20px 0 20px 20px;
    }
.fb-page blockquote {
    margin:36px 0 20px 20px;
}
}
@media (max-width: 750px) {
.fb_iframe_widget,
.fb_iframe_widget span{
    width: 360px !important;
}
.moduletable.fullwidth.desktop {
        display:none;
    } 
.moduletable.fullwidth.tablet {
        display:block;
    } 
.moduletable.fullwidth.mobil {
        display:none;
    } 
}
@media (max-width: 460px) {
.fb_iframe_widget{
	margin:20px 0;
    }
.fb-page blockquote {
    margin:20px 0;
}
.moduletable.fullwidth.tablet {
        display:none;
    } 
.moduletable.fullwidth.mobil {
        display:block;
    } 
}







/* Videoeinbindung allvideos */
.avPlayerWrapper {
    padding: 0;
    margin:0 auto 0 23.125vw;
}
.jwvideo video {
	transform: scale(1,1) !important;
	}
img.jwlogo {
	display:none;
	}
#startseitenfilmschalter {
	height:auto;
	min-height:100%;
	width:40%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;
	}
#startseitenfilmschalter:hover {
	background-image:url(../images/villa-architekt-perleth-gruen.png);
	background-repeat:no-repeat;
	background-size: 100% auto;	
	opacity:1;
	transition: all 0.3s ease-in-out 0ms;
	-webkit-transition: all 0.3s ease-in-out 0ms;
	-moz-transition: all 0.3s ease-in-out 0ms;
	-o-transition: all 0.3s ease-in-out 0ms;	
	}	
.jwplayer.playlist-none {
	background-color:transparent !important;
	}





@media (min-width: 2000px) {
.avPlayerWrapper {
    margin:0 auto 0 463px;
}
}
@media (max-width: 1439px) {
}
@media (max-width: 1079px) {
.avPlayerWrapper {
    padding: 0;
}
}
@media (max-width: 719px) {
.moduletable.fullwidth.video {
  position: relative;
    padding:0 0 20px;
    }
.avPlayerWrapper {
    margin:0 auto 0 0;
}
}
@media (max-width: 400px) {
.jwplayer.playlist-none {
	width:225px !important;
	}
.avVideo .avPlayerContainer .avPlayerBlock iframe, .avVideo .avPlayerContainer .avPlayerBlock object, .avVideo .avPlayerContainer .avPlayerBlock embed, .avVideo .avPlayerContainer .avPlayerBlock video, .avVideo .avPlayerContainer .avPlayerBlock > div {
    min-width: 225px !important;
}
.avPlayerWrapper {
    margin:0 auto;
}
}





/* Module editieren */
.jmodedit {
    display:none;
}
[role=tooltip] {
    display:none;
    font-size: 14px;
    background: rgba(255,255,255,0.8);
    color:#000000;
    padding:10px;
    text-transform: none;
}




/* Editorbereich */
.icons {
    z-index: 40;
  position: relative;
}

.icons a,
.edit-icon a,
.edit .btn-toolbar button,
.login button,
.edit #jform_title,
joomla-tab button[role="tab"],
.edit #images .btn,
.edit.item-page .btn,
.choices__button_joomla{
    font-family: 'YuGothic-Bold', "Franklin Gothic Bold", "Arial Black", "sans-serif";    
    }
.icons ul {
    padding:0;
    margin:0 0 30px;
}
.edit.item-page {
    display:block;
}
.icons a,
.edit-icon a,
.edit .btn-toolbar button,
.login button{
	Border:3px solid #000;
	padding: 2px 20px;
    background:#000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    color:#fff;
    box-shadow: #0e0e0e 0 0 10px;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0 !important;
}
.icons a:hover,
.edit-icon a:hover,
.edit .btn-toolbar button:hover,
.login button:hover{
    box-shadow: #0e0e0e 0 0 20px;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
li.edit-icon {
	list-style:none;
	}
a span.icon-edit {
    display:none;
}
.edit-icon .tip, 
.edit-icon .hasTooltip {
    display: unset !important;
}
joomla-tab[view="tabs"] > div[role="tablist"] {
    display: flex;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    list-style: outside none none;
    background-color: #fff;
    border-style: solid solid none;
    border-width: 0;
    border-radius: 0;
    -o-border-image: none;
    border-image: none;
    box-shadow: 0 0 #fff inset, 0 0 0 0 rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0.05) inset, 0 0 0 rgba(0, 0, 0, 0.04);
}
#jform_state,
#jform_featured,
#jform_publish_up,
#jform_publish_down,
#jform_metadesc{
    border-radius: 0;
    border: 1px solid #d3d3d3;
    padding: 5px 10px;
}
#jform_images_float_intro-lbl,
#jform_images_float_intro_chzn,
#jform_images_float_intro,
#jform_images_float_fulltext-lbl,
#jform_images_float_fulltext_chzn,
#jform_images_float_fulltext,
#jform_urls_urla-lbl,
#jform_urls_urla,
#jform_urls_urlb-lbl,
#jform_urls_urlb,
#jform_urls_urlc-lbl,
#jform_urls_urlc,
#jform_urls_urlatext-lbl,
#jform_urls_urlbtext-lbl,
#jform_urls_urlctext-lbl,
#jform_urls_urlatext,
#jform_urls_urlbtext,
#jform_urls_urlctext,
/*#jform_tags-lbl,
#jform_tags_chzn,
#jform_tags,*/
#jform_created_by_alias-lbl,
#jform_created_by_alias,
#jform_metakey-lbl,
#jform_metakey,
#jform_access-lbl,
#jform_access_chzn,
#jform_access,
#jform_images_image_intro_alt-lbl,
#jform_images_image_intro_alt,
#jform_images_image_fulltext_alt-lbl,
#jform_images_image_fulltext_alt,
.edit.item-page .nav-tabs,
/*#jform_images_image_fulltext_caption-lbl,
#jform_images_image_fulltext_caption,
#jform_images_image_intro_caption-lbl,
#jform_images_image_intro_caption,
#jform_featured-lbl,
#jform_featured_chzn,*/
#jform_version_note-lbl,
#jform_version_note,
#jform_language-lbl,
#jform_language_chzn,
#jform_language,
#jform_note-lbl,
#jform_note,
div.edit + div#contentaddarea,
.dropdown-toggle,
.btn.modal-button,
#editor-xtd-buttons a:last-child,
#attrib-fields-0,
#jform_featured_up-lbl,
#jform_featured_up,
#jform_featured_up_btn,
#jform_featured_down-lbl,
#jform_featured_down,
#jform_featured_down_btn
 {
	display:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	}
.mceDefaultSkin .mceLayout .mceBranding {
	display:none !important;
	}
joomla-tab[view="tabs"] > div[role="tablist"],
joomla-tab[view="accordion"] button {
    display: none;
}
joomla-tab > joomla-tab-element,
joomla-tab[view="accordion"] joomla-tab-element{
    display: block;
    padding: 15px;
    background-color: #fff;
    border-left: none;
    border-right:none;
    border-top: none;
    border-bottom: 1px solid #d3d3d3;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.04);
}
joomla-tab[view="accordion"] {
    max-width:calc(100% - 40px);
}
#jform_images_image_intro-lbl,
#jform_images_image_fulltext-lbl,
#jform_com_fields_preis-lbl,
#jform_catid-lbl,
#jform_state-lbl,
#jform_publish_up-lbl,
#jform_publish_down-lbl,
#jform_metadesc-lbl,
#jform_tags-lbl,
#jform_featured-lbl,
#jform_articletext-lbl
{
    padding: 20px 0 0;
    display: block;
}
.edit .inputbox,
.wf-editor-toggle,
.edit button,
#images input {
	margin:0 !important;
	}
.mceToolbar button {
	padding:0;
	margin:0 !important;
	}
.btn-group button.btn {
    margin:10px 20px 0 0 !important;
	float: left !important;
	}
.edit #images .btn,
.edit.item-page .btn,
.choices__button_joomla{
    padding: 5px 15px;
    margin: 20px 5px 20px 0;
    border: none;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}
.edit #jform_title {
    font-size: 36px;
	margin:0 !important;
	width:80% !important;
	}
a.btn-outline-secondary + a.btn.hasTooltip {
	display:none !important;
	}
joomla-tab button[aria-expanded="true"]::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 5px;
    content: "";
    background-color: #000;
    opacity: 0.8;
}
	
body#tinymce,
.mce-content-body{
	background:#fff;
    font-size:16px !important;
	}	
.calendar-container,
#contentarea .controls a {
	color:#000;
	}
.icon-upload:before {
	content:"";
	background:url(../images/upload-icon.svg) no-repeat 0px 5px;
	background-size:cover;
	width:20px;
	height:20px;
	display:inline-block;
}
.icon-calendar:before {
	content:"";
	background:url(../images/calendar-icon.svg) no-repeat;
	background-size:cover;
	width:20px;
	height:20px;
	display:block;
	}
.edit fieldset,
.login fieldset {
	border: dashed 1px;
}
.tip, 
.hasTooltip{
    display:block!important;
}
.fade {
    display:none;
}	

.modal .modal-body{
    overflow: visible;
    height:500px;
    width:calc(100% - 2px);
}
.modal .modal-body iframe{
    width:calc(100% - 4px);
    border:2px dashed #000;
}
div[data-url].wf-media-wrapper > div.modal, div[data-url] > div.modal-dialog > div.modal-content {
  height: auto;
}
.edit button.btn-close {
    display:block;
    height:30px;
    width:auto;
    background:#000;
    border:3px solid #000;
}
.edit button.btn-close:after {
display:block;
    content: "Schliessen";
    position: relative;
    color:#fff;
    font-size: 14px;
}
.bg-warning {
    background:red;
    color:#fff;
}




.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}




ul.actions {
	margin: 0;
	padding: 0;
}
ul.actions li {
	list-style-image: none;
	list-style-type: none;
	float: right;
}
ul.actions li a img {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
}
ul.actions li a,
ul.actions li a:hover, 
ul.actions li a:active, 
ul.actions li a:visited, 
ul.actions li a:link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-separator, .item-separator {
	display:block;
	width: 100%;
	height:5px;
	clear:both;
}
img {
	border: none;
	}


/*-----SOCIALICONS-----*/
[data-icon]:before {
	font-family:"socicon"!important;
	content:attr(data-icon);
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family:"socicon"!important;
	font-style:normal!important;
	font-weight:400!important;
	font-variant:normal!important;
	text-transform:none!important;
	speak:none;
	line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
    font-size: 30px;
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
    color:#fff
}
[class^="icon-"]:hover:before,
[class*=" icon-"]:hover:before {
    transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
    color:#79654e
}

.icon-twitter:before {
	content:"\e040";
}
.icon-facebook:before {
	content:"\e041";
}
.icon-googleplus:before {
	content:"\e042";
}
.icon-pinterest:before {
	content:"\e043";
}
.icon-youtube:before {
	content:"\e051";
}
.icon-instagram:before {
	content:"\e057";
}
.icon-xing:before {
	content:"\e04b";
}
.icon-linkedin:before{
	content:"\e049";
}


@media (max-width: 1200px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

@media (min-width: 2000px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 750px) {
}
@media (max-width: 460px) {
}