Html css：在我的固定导航中，我无法将链接放在空格座下面

我正试图改造我曾经建立的一个网站： www.Anke-Gerber.de

一切正常，除非你把你的浏览器窗口拖得严重变形，或者，不幸的是，用手机。 然后，液体布局开始重叠，链接与徽标重叠

为了解决这个问题，我想在背景图形的顶部放置一个透明的占位符png（在我的代码中称为platzhalter.png），覆盖徽标。 如果我设法使链接列表位于该占位符下方，它应该停止与徽标重叠

不幸的是，在所有固定和绝对位置的混乱中（我有点确定我的许多位置标记是完全多余的，可能我只需要一个位置：固定，用于导航div），我找不到一种方法使链接位于占位符下方

我请求任何帮助

我的相关html：

<div id="content">


<div id="text">
</div>


<div id="Navigation">   
    <div class="Logo">
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/LogoHome2.png">

    </div>


    <div class="platzhalter">
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/platzhalter.png">

    </div>
    <br>


  <div class="Link1"> 
     <a href="http://www.anke-gerber.de/wp/category/vita/"  onmousedown="if 
    (event.preventDefault) event.preventDefault()">
     <img src="<?php bloginfo('template_directory'); ?>/images/buttonVita1.png">  </a>
  </div>

我认为问题在于位置：链接的固定标记，但当我移除该标记时，链接会去任何地方

#content{
    position: absolute; top: 0%; left: 0%; 
    z-index: 0;
    width: 100%;
    Height: 100%;
    }

#Navigation{
    position: fixed; top: 0%; right: 0%; 
    z-index: 1;
    width: 43%;
    Height: 100%;
    Background-color:;
    }


.Logo img { 
    width: 100%;
    Position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
    }


.platzhalter img {  
    width: 100%;
    Position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
    }


.Link1 img {
    width: 13%;
    height: auto;
    Position: fixed; top: 39%; right: 8%; 
    z-index: 4;
    Background-color: ;
    }