/* colors 

4E6697

*/

body {padding:0 20px;}
.category {padding:0 40px;}



a,a:link,a:visited{outline:none;}

    .menucol {
position: fixed;top:0;height:100vh;width:5vw;display: block; /* fixed besser als absolute */
animation: menucolAround 4s infinite alternate, leftAndRight 5s alternate infinite;
opacity: 0.75;}
@keyframes menucolAround { 0%{ transform: rotateY(0deg);}100%{ transform: rotateY(360deg); }}
@keyframes leftAndRight {to {margin-left: 0;}}
@keyframes toSquare {from {border-radius: 50%;} to{border-radius: 0%;}}

    #away {
position:fixed;z-index:999; left:0px;height:100vh;width:5vw; cursor:pointer;}
    #menucontainer {position:fixed;z-index:99;top:0;
width:100vw; height:100vh; left: calc(-100vw - 0px);
transition: .5s ease;
background:rgba(78,102,151,0.9);padding:0 0px 0 20px;}

@media screen and (max-width:768px) {
     #menucontainer {padding:0 0 0 10px;}}
    #menucontainer.menushow {
width:100vw;left:0;  transition: .5s ease;text-align:left;}  



	#menupanel {padding:80px 0 0 0;margin-left:-50px;}
    #menupanel a {font-size:50px;color:#B6BDCB;font-size:40px; cursor:pointer;}
    #menupanel a:hover {color:white;text-decoration:none;}
@media screen and (max-width:1216px) {

	#menupanel {margin-left:15px;}}

/* https://stackoverflow.com/questions/62482024/3d-image-rotation-css */
.menucol(1) {border:4px solid black; transition: .5s ease;}

li.current-menu-item a {color:white!important;}

    .ottlikblogmasonry {column-count:3;}
@media screen and (max-width:1216px) {
    .ottlikblogmasonry {column-count:2;}}
@media screen and (max-width:768px) {
    .ottlikblogmasonry {column-count:1;}}

a.historyback  {text-decoration:none;color:red;opacity:0.5;cursor:pointer;}
a.historyback:hover {opacity:1;}

.archivkategorien a {font-size:50px;text-decoration: none;font-weight:normal;}


#ottlikblog-logo {position:fixed;opacity:0.7;
	left: 50px;top:10px;height:100px;width:100px;z-index:999;
color:red;font-size:20px;}

#ottlikblog-logo:hover {opacity:1;}

#ottlikblog-logo.ottlikblog-logo-scroll {opacity:0;}

h1.wp-block-post-title {padding-top:50px;}
.page h1.wp-block-post-title {display:none;}
h2.wp-block-post-title {font-size:24px;}