@media only screen and (max-width:1078px) {
    #wrapper{
        min-width: 100%;
    }
    
    #navi .container 
    {
        width: 100%;
    }
    .footer .article {
        width: 100%;
    }
    .content .article{
        width: 100%;
    }
    
    .content.news .article{
        padding: 0px 15px;
    }
    .content.news .article .new{
        width:100%;
        clear: both;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .content.news .article .new:last-child{
        width:100%;
        margin-right: 0px;
    }
    
    .content.news .article .new div{
        float: left;
        width: calc( 66% - 36px - 19px );
    }
    
    .content.news .article .new .imga{
        margin:0px;
        width:calc( 33% );
        height:200px;
    }

}


@media only screen and (max-width:1024px) {
    #navi .logo {
        margin-left: 20px;
    }
}

@media only screen and (max-width:1005px) {
    
    .footer .article .content-footer.ria {
        padding-top: 5vw;
        padding-bottom: 6vw;
    }
    
    .footer .article {
        padding: 15px;
    }
    .footer .article .content-footer.ria .riad {
        width: calc( 33% - 10px );
        margin-right: 13px;
    }
    .footer .article .content-footer.ria .riad:last-child {
        width: calc( 33% );
        margin-right: 0px;
    }

    #navi .logo
    {
        bottom: 2px;
        height: 90%;
    }
}
@media only screen and (max-width:960px) {

    .content-text .colum.two .content-image
    {
        width: calc( 50% );
    }

}
@media only screen and (max-width:850px) {
    .content-text .colum.two, .content-text .colum.two.big
    {
        width: 100%;
        float: none;
        clear: both;
    }
    
    .content-text .colum.two .content-image
    {
        width: calc( 33% );
    }

    
    
    .content-text.twisted .colum.two, .content-text.twisted .colum.two.big {
        width: 100%;
        float: none;
        clear: both;
    }
    
    
    .footer .content-footer.kontakt .colum
    {
        float: none;
        clear: both;
        width: 100%;
    }
    .footer .content-footer.kontakt .colum.right
    {
        width: 100%;
        margin-top: 10px;
    }
    
}



@media only screen and (max-width:660px) {
    .footer .article {
        padding: 15px;
    }
    .footer .article .content-footer.ria {
        padding-top: 38px;
        padding-bottom: 48px;
    }
    .footer .article .content-footer.ria .riad {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .footer .article .content-footer.ria .riad:last-child {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .content-text .colum.two .content-image
    {
        width: calc( 50% );
    }

}

@media only screen and (max-width:550px) {

    .content.news .article .new{
        width:100%;
        clear: both;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .content.news .article .new:last-child{
        width:100%;
        margin-right: 0px;
    }
    
    .content.news .article .new div{
        clear: both;
        width: calc( 100% - 36px - 19px );
    }
    
    .content.news .article .new .imga{
        margin:0px;
        width:100%;
        height:200px;
    }
    h1{
        line-height: 27px;
        margin-bottom: 23px;
    }
}



@media only screen and (max-width:450px) {
    .content.news .article {
        padding: 0px ;
    }
    .content-footer .colum.logo {
        width: 98px;
    }
    .content.whiteBG{
        padding: 0 0px;
    }
    
    .content-text .colum.two .content-image
    {
        width: 100%;
    }
    
}


@media only screen and (max-width:790px) {
    .content.header .article .info{
        position: relative;
        width: 100vw;
        height: 100vw;
        margin-top:-25vw !important;
    }
    .content.header .info .point{
        top: 4vw;
        transform: translateX(44%);
    }
     
    .content.header .info .point div{
        height: 2vw;
        width: 2vw;
    }
    /*.content.header .info .point div:first-child{
        opacity: 1;
    }*/
    .content.header .info .txt{
        top:8vw;
    }
    .content.header .info .txt h5{
        font-size: 5.25vw;
        line-height: 5.25vw;
    }
}



@media only screen and (max-width:725px) {
    #navi .subnavi .container
    {
        display: none;
    }
    #navi .subnavi.navibg
    {
        height: 14px;
    }
    .footer .article.bg
    {
        background-color:rgba(0, 0, 0, 0.8);
        height: auto;
    }
    .footer .content-footer ul
    {
        display: block;
        padding: 0px;
    }
    .footer .content-footer ul li
    {
        color:#a3a3a3;
        clear: both;
        width: calc( 100% - 30px );
        text-align: center;
        padding: 8px 0px;
        padding-right: 15px;
        margin-left: 0px !important; 
    }
    .footer .content-footer ul li.adress:before
    {
        content: url(/img/icon1.png);
        padding-right:5px; 
    }
    .footer .content-footer ul li.adress
    {
        background-image: none;
    }
    .footer .content-footer ul li.mail:before
    {
        content: url(/img/icon2.png);
        padding-right:5px; 
    }
    .footer .content-footer ul li.mail
    {
        background-image: none;
    }
    .footer .content-footer ul li.phone:before
    {
        content: url(/img/icon3.png);
        padding-right:5px; 
    }
    .footer .content-footer ul li.phone
    {
        background-image: none;
    }

    .footer .article.bg 
    {
        display: block;
    }
}



@media only screen and (max-width:615px) {
    .footer .content-footer .colum.left
    {
        float: none;
        width: 100%;
        text-align: center;
        clear: both;
    }
    .footer .content-footer .colum.right
    {
        float: none;
        width: 100%;
        text-align: center;
        clear: both;
        padding-bottom: 20px;
    }
}
@media only screen and (max-width:600px) {
    .content.header
    {
        min-height: 300px;
        height: 82vw;
    }
}

@media only screen and (max-width:400px) {
    .footer .content-footer.kontakt form div.divsenden {
        float: none;
        width: 100%;
        clear: both;
    }
    .footer .content-footer.kontakt form div {
        width:100%;
    }
    .footer .content-footer.kontakt form div.divsenden input{
        height: auto
    }
}





#navi, .content.header 
{
    transition: height 0.5s;
}

#navi .logo, .content.news .article .new
{
    transition: all 0.5s;
}






/* MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE MENUE */
@media only screen and (max-width: 1005px) 
{
    #navi 
    {
        height: 120px;
    }
    #navi .menue
    {
        top: 0px;
        clear: both;
        min-width: 268px;
        max-width: 400px;
    }
    
    #navi .menue-container .logo {
        height: 100%;
        top: 0px;
    }
    
    #navi .menue .menue-mobile
    {
        width: 100%;
        height: 43px;
    }
    #navi .menue .menue-normal {
        clear: both;
        width: auto;
        display: inline-block;
        position: absolute;
        right: 0px;
        opacity: 0;
        visibility: hidden;
        max-width: 100vw;
        background: rgba(255,255,255,0.9);
        top: 43px;
        left: auto;
        overflow: hidden;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
    }
    #navi .menue ul
    {
        height: auto;
        width: 100%;
    }
    #navi .menue ul li, 
    #navi .menue ul li a, 
    #navi .menue li.li-aktive-menue, 
    #navi .menue ul li ul.dropdown li, 
    #navi .menue ul li ul.dropdown li a 
    {
        display: block;
        float: none;
        clear: both;
        height: auto !important;
        width: auto !important;
        min-width: 268px;
        padding: 0px;
        border: 0px solid rgba(0,0,0,0) !important;
    }
    #navi .menue ul li a
    {
        padding: 10px;
    }
    #navi .menue ul li:hover, #navi .menue ul li a:hover
    {
        border: 0px solid rgba(0,0,0,0);
        height: auto;
    }

    #navi .menue .nullpadding
    {
        width: 0px;
        height: 0px;
        overflow: hidden;
    }
    #navi .menue ul li ul.dropdown
    {
        padding: 0px;
        width: auto;
        position: static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: block;
        background-color: #528bdd;
    }
    #navi .menue ul li ul.dropdown li
    {
        padding: 0px;
        height: auto;
    }
    #navi .menue ul li a
    {
        font-size: 15px;
        line-height: 15px;
    }
    #navi .menue ul li a:hover
    {
        color:rgba(255,255,255,0.8);
    }
    
    #navi .menue ul li ul.dropdown li a
    {
        font-size: 12px;
        line-height: 12px;
        padding: 4px 23px;
        height: auto;
    }
}
@media only screen and (max-width: 975px) 
{
    #navi .menue li.for-mobile, 
    #navi .menue li.li-aktive-menue.for-mobile, 
    {
        display: block;
        float: none;
        clear: both;
        height: auto !important;
        width: auto !important;
        min-width: 268px;
        padding: 0px;
        border: 0px solid rgba(0,0,0,0) !important;
    }
    
    #navi .subnavi .container div:last-child{
        display: none;
    }
    
    #navi .menue ul li.for-mobile
    {
        width:auto !important;
        height: auto !important;
        overflow: visible;
    }
}

@media only screen and (max-width:725px) {
    #navi 
    {
        height: 85px;
    }
    #navi .container {
        height: calc( 100% - 14px );
    }
}
@media only screen and (max-width: 680px) 
{
    /*#navi 
    {
        height: 116px;
    }
    #navi .menue-container .subnavi a
    {
        font-size: 1em;
    }
    #navi .menue-container .logo {
        height: 80px;
        top: 11px;
    }
    #navi .menue
    {
        bottom: auto;
        top: 0px;
    }
    #navi .menue .menue-normal {
        top: 51px;
    }
    #navi .menuc {
        width: calc( 100% - 68px );
    }
    */
}

@media only screen and (max-width: 595px) 
{
    #navi
    {
        height: 65px;
    }
    #navi .logo
    {
        margin-left: 20px;
    }
    #navi .menue-container .subnavi
    {
        width:0px;
        height: 0px;
        overflow: hidden;
        display: none;
    }
    #navi .menue .menue-normal 
    {
        top: 43px;
    }
    #navi .menue-container .logo {
        height: 65px;
        top: 4px;
    }

}

/* MENUE ENEDE ----------------------------------------------------------------- */