.navi-button{
    display:none;
}

@media screen and (min-width: 1001px)
{
	body #rightcol>.box98
	{
		visibility: visible !important;
		display: block !important;
	}
}

@media screen and (max-width: 1000px) {
    #pagewidth {
        min-width: 0px;
        width: 100%;
        background: none;
        margin: 0px;
        padding: 0px;
    }

    #header {
        height: 10%;
        margin: 0%;
    }
    #headline {
        margin: 3%;
        width: 94%;
    }


    #logoimg {
        width: 80%;
        max-width: 370px;
        float: left;
    }
    #headpic {
        height: 5%;
        float: none;
        text-align: center;
    }
    #maincol {
        padding-left: 3%;
        width: 95%;
        padding-bottom: 3%;
    }
    #rightcol {
        float: none;
        width: 95%;
        padding-left: 3%;
        padding-bottom: 5%;
    }

    .centerit{
        width: 100%;
    }
    #wrapper {
        margin-top: 0px;
    }
    #IGLogo {
        margin: 1%;
        width: 99%;
        float:left;
    }

    .box98 {
        margin:0px;
    }
    #rightcol>.box98 {

        display: none;
    }
    body>.box98 {
        margin: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        display: none;
        background-color: rgba(128, 128, 128, 0.9);
        top: 0;
    }
    body>.box98>.p5 {
        width: 85%;
        font-size: 500px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
	
	body #rightcol>.box98
	{
        margin: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        display: none;
        background-color: rgba(255, 255, 255, 0.9);
        top: 0;
		left: 0;
		color: black;
	}
	
	body #rightcol>.box98>.p5
	{
        width: 85%;
        font-size: 500px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
	}
	
	
    div#Logo {
        margin:0px;
    }
    .clearfix::after {
        content: " ";
    }

    #footer {
        height: 5%;
        width: auto;
    }
    .navi-button {
       float: right;
        width: 15%;
        margin-right: 2%;
        border: none;
        background: none;
        max-width: 40px;
        height: 40px;
        display: block;
        background-size: 100%;
    }
    img#menu-button{
        width:120%;
    }
    button:focus {
        outline:none;
    }
    .plheader {
        font-size: 20px;
    }
    .fbutblue {
        font-size: 15px;
    }
}
/* ÄNDERUNG IM HTML WEGEN DES LOGOS*/