
body                                                       {background:#fff;}
hr                                                         {margin:1rem 0;}
#content0                                                  {position:relative; max-width:var(--maxBreite); width:100vw; margin:0 auto;}
#content0 > img , #content0 > a img                        {width:100%; height:auto;}
.block.contenthead                                         {position:relative; width:100%; height:max(450px,30vh);;}
.block.contenthead .block01                                {position:absolute; z-index:2; display:grid; width:100%; height:100%; top:0; padding:100px min(50px,2vw) 0; align-content:center; justify-content:center;}
.block.contenthead .block01 div                            {position:relative; display:inline-grid; width:100%; font-family:'Nura Normal',Arial,Helvetica,Sans-Serif; font-size:2em; line-height:1.25em; color:#fff; text-align:left; align-self:center;}
.block.contenthead .block02                                {position:absolute; z-index:1; width:100%; top:0; height:100%;}
.block.contenthead .block02 img                            {width:100%; height:100%; object-fit:cover;}

.block.einleitung                                          {position:relative; width:100%; display:grid; align-content:center; justify-content:center; padding:100px min(50px,2vw); grid-gap:40px; border-bottom:1px solid #aaa; background-color:#fff;}

.block.einleitung .block01                                 {font-family:'Nura Normal',Arial,Helvetica,Sans-Serif; font-size:2em; line-height:1.25em;}
.block.einleitung .block01, .block.einleitung .block02     {position:relative; width:100%; max-width:600px;}


.block.portfolio-text                                      {position:relative; display:grid; width:100%; padding:100px min(5vw,50px); grid-template-columns:1fr; grid-gap:min(10vw,100px);}
.block.portfolio-text .block01                             {position:relative; width:100%; font-family:'Nura Normal',Arial,Helvetica,Sans-Serif; font-size:2em; line-height:1.25em;}
.block.portfolio-text .block03                             {align-content:end;}

.block_grau                                                {background-color:#f2f1ee;}
.block_gruen                                               {background-color:#716f5b;}
.block_gruen *                                             {color:#fff;}
/* ------------------------- */
/* ----- MEDIA QUERIES ----- */
/* ------------------------- */

@media(hover:hover) and (pointer:fine) {

}

@media only screen and (min-width:700px){
 .block.contenthead .block01 div                            {display:block;}
 .block.portfolio-text                                      {grid-template-columns:2fr 1fr;}

}
