#intro-page
{
	width:100%;
	
	height:100%;	
	
	position:absolute;
	
	z-index:6000;
	
	background:#FFF;
}

#link-container
{
    position: absolute;
    top: 16%;
    left: 0px;
    width: 100%;
    height: 0px;
}

#link-inner-container
{
	/*width:666px;
	height:331px;*/
	position:relative;
}

#show-link, #archive-link
{
	outline:none;	
}

#show-link
{
	display:block;
	position:relative;	
	background:#FFF;
	width:160px;
	height:150px;
	background:url(../images-web/show_over.svg) no-repeat top left;
        background-size: 163px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom:110px;
}

#show-link:hover
{
	background:url(../images-web/show.svg) no-repeat top left;
        background-size: 163px;
}

#archive-link:hover
{
	background:url(../images-web/tell.svg) no-repeat top left;
        background-size: 120px;
        background-position-y: -80px;
}

#archive-link
{
    display:block;
    position:relative;	
    background:#FFF;
    width:118px;
    height: 77px;
    background:url(../images-web/tell_over.svg) no-repeat top left;
    background-size: 120px;
    background-position-y: -80px;
    margin-top: 82px;
    margin-left: auto;
    margin-right: auto;
}

#trenner
{
	position:relative;
	display:block;
	background:#FFF;
	width:calc(100% - 30px);
        height:34px;
	background:url(../images-web/teiler-mobile.png) no-repeat top left;
        margin-left:auto;
        margin-right:auto;
        max-width: 300px;
        margin-top: -75px;
        margin-bottom: -84px;
}

.logo-button{
    left: 10px!important;
    top: 10px!important;
}
           
.logo-button-image{
    width:154px;
    height:154px;
}

@media(min-width:700px){
    
    #link-container
    {
        position:absolute;
        top:50%;
        left:50%;
        height:100%;
    }

    #link-inner-container
    {
            width:666px;
            height:331px;
            position:absolute;
            top:-193px;
            left:-333px;
    }


    #show-link, #archive-link
    {
            outline:none;	
    }

    #show-link
    {
            display:block;
            position:absolute;
            top:0px;
            left:0px;	
            background:#FFF;
            width:215px;
            height:331px;
            background:url(../images-web/show_over.svg) no-repeat top left;
            margin-top:0px;
    }

    #show-link:hover
    {
            background:url(../images-web/show.svg) no-repeat top left;
    }

    #archive-link:hover
    {
        background:url(../images-web/tell.svg) no-repeat top left; 
        background-position-y: 0px;
    }

    #archive-link
    {
            position:absolute;
            top:0px;
            right:0px;	
            background:#FFF;
            width:150px;
            height:331px;
            background:url(../images-web/tell_over.svg) no-repeat top left;
            margin-top:0px;
    }

    #trenner
    {
            position:absolute;
            display:block;
            top:116px;
            left:216px;	
            background:#FFF;
            width:302px;
            height:331px;
            background:url(../images-web/teiler.gif) no-repeat top left;
    }
}

@media(min-width:992px){
    #trenner{
        top: 83px;
    }
    .logo-button{
        left: 10px!important;
        top: 10px!important;
    }
}


#adress
{
	position:absolute;
	
	bottom:25px;
	
	left:0px;
	
	font-family: GaramondURW-Reg;
	
	font-weight: normal;
	
	font-style: normal;
	
	font-size:14px;	
	
	width:100%;
	
	text-align:center;
}

#adress a 
{
	color:#000;
	
	text-decoration:none;
}

#adressline
{
    position: fixed;
    bottom: 25px;
    left: 0;
    right: 0;
    -webkit-text-size-adjust: 100%;
    padding: 8px 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 1rem;
    color:black;
}