*{margin:0px;
padding:0px;
border:0px;}


a
{text-decoration: none;
display: block;}

body
{background-image: url(background.jpg);
background-size: cover;}

main
{margin: 0 5% 0 7%;
display:grid;
grid-template-rows:80px 130px 1fr 150px;
grid-template-columns:20% 63% 17%;}





nav
{grid-column:2 / 4;
grid-row:1 / 2;
margin-top:20px;
margin-left: 10%;
height:50px;}

ul
{list-style-type: none;}

nav li
{float: left;
width:10%;
margin-top:10px;}

#visit a
{color:#000000;
text-decoration: solid underline #000000 4px;}




#logo
{background-image: url(wortmarke_klein.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
float: right;}

#logo a
{width: 130px;
height: 40px;}

nav a
{text-align: center;
color:black;}

nav a:hover
{color:#696969;}

nav a, h3
{font-size: 1.4em;
    font-family: ardoise-compact-std, sans-serif;
    font-weight: 400;
    font-style: normal;}




        /*menü mobile*/
#navtropf
{display: none;
float: right;}

#navtropf img, a
{width:35px;
height:auto;}

#navtropf li
{float: none;}
        /*menü mobile*/



aside
{grid-column:3 / 4;
grid-row:3 / 4;
margin-top:80px;
}


aside li
{float: none;
margin: 0 0 0 10px;}

aside a
{color:white;
float: right;
line-height:50px;
background-color:#000000;
border-radius:250px;
margin: 10px 0 0 0;
height:50px;
width:75%;}

#chosen a
{background-color: #696969;}

#chosen
{width:130;
margin: 0 0 0 -30%;}

aside img
{float: left;
margin:8px 8px 0 8px;}

aside a:hover
{background-color:#696969;}






header
{grid-column:2 / 4;
grid-row:2 / 3;
height: 130px;
margin:0 20px 0 20px;
background-image: url(schwarz/paint1.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;}

header h1
{text-align: center;
font-size: 4.3em;
color:white;
    font-family: ardoise-compact-std, sans-serif;
    font-weight: 400;
    font-style: normal;
line-height: 120px;}




#collage img
{
position: fixed;
left:4%;
width:280px;
height:auto;}
    
/*
background-image: url(collage_rot.png);
background-position: left;
background-repeat: no-repeat;
background-size: cover;}*/





article
{grid-column:2 / 3;
grid-row:3 / 4;
margin:40px;
display:grid;
grid-template-rows:50px 1fr;
grid-template-columns:1fr 1fr;
grid-column-gap:16px;}

article h1
{font-size: 2.1em;
    font-family: ardoise-compact-std, sans-serif;
    font-weight: 400;
    font-style: normal;
grid-column:1 / 3;
grid-row:1 / 2;
}

#section1
{grid-column:1 / 2;
grid-row:2 / 3;}

#section2
{grid-column:2 / 3;
grid-row:2 / 3;}


p
{font-size: 14px;
font-family: ardoise-std, sans-serif;
font-weight: 400;
font-style: normal;
column-count: 2;}

#imghide
{margin: 0 0 15px 0;
color:gray;}

#imgarticle
{display: none;
margin: 0 0 15px 0;
color:gray;}

#imgarticle2
{margin: 15px 0 0 0;
color:gray;}

#section1 img
{width:100%;
}


#section2 img
{width:100%;
}






footer
{grid-column:2 / 4;
grid-row:4 / 5;
margin-top: 30px;
background-image: url(schwarz/footer.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;}

footer a
{display: block;
color:white;
width:auto;}

footer h2
{
text-align: center;
margin-top: 30px;
    font-family: ardoise-compact-std, sans-serif;
    font-weight: 400;
    font-style: normal;}