body{color:white;font-family:verdana, arial;font-size:100%;background:#559bae url(background.jpg) no-repeat fixed center top;background-size:100% 120%;}
header{text-align:center;padding:10px;margin-left: auto;}
article{width:90%;margin-top:20px;margin-left:auto;margin-right:auto;line-height:24px;text-align:justify;color:white;padding:20px;background-color:#1a526a;opacity:.7;border-radius:9px;}

#zwei_col{text-shadow: 0.2em 0.2em 0.1em #000;height:100vh;display: grid;  grid-template-rows:700px 3fr 700px; grid-template-columns:75% 25%;}  
#zwei_li {height:90vh;display:grid; grid-template-rows:600px 3fr 600px; grid-template-columns:25% 75%;}
#drei_col {margin:0 auto; width:100%; column-count:3; column-gap:30px;}
img{max-width:90%;height:auto;}
a{padding:10px;color:#fff; transform:skewX(-25deg);text-decoration:none}
.äbe{position:fixed;bottom:5px;text-align:center;width:100%;}
h2,h3,h4{padding:0;margin:0;}
nav{display:none;position:relative;z-index:999;}
nav ul{padding:0;margin:0;width:100%;}
nav ul li{list-style:none;padding:3px 6px;margin:1px 2px 0 4px;border-radius:8px;border:1px solid #bbb;background:linear-gradient(to bottom, #69a 0%,#135 100%);width:92%;text-align:center;}
input#open-menu{display:none;}
input[type=checkbox]:checked~nav{display:block;}
label.open-menu-label{background:linear-gradient(to bottom, #69a 0%,#135 100%);padding:6px 10px 6px;border:1px solid white;display:block;width:80%;margin-left:2%;}
.top { font-size:26px;position:sticky;bottom:40px;--offset:100px;margin-top:calc(100vh + var(--offset));margin-left:91%;}

@media only screen and (min-width: 960px){nav{display:block;text-align:center;padding:4px;}
nav ul li{display:inline;width:190px;border:1px solid #bbb;padding:4px 4px;margin:1px;border-radius:8px;background:linear-gradient(to bottom, #69a 0%,#135 100%);}
label.open-menu-label{display:none;}
a{padding:1%;color:#fee;}
nav{top:5px;z-index:999;}
article{width:90%;} 
}