/**
* (C) by Matthias Gally
* Gally Websolutions GmbH, www.gally-websolutions.com
**/
@media only screen and (max-width: 1024px) {

    #menuicon {
        position: relative;

        background-color: #000;

        background-repeat: no-repeat;
        width: 100%;
        cursor: pointer;
        display: block;
        z-index: 9999;
        padding: 15px;
        color: #fff;
        text-align: right;
        vertical-align: middle;
        font-size: 1.2em;
    }

    #menuicon:hover {
        background-color: #3f3830;
    }

    #menuicon:active {
        background-color: #3f3830;
    }


    .show {
        display: block !important;
    }

    #menu ul li:last-child ul {
        margin-left: 0px;
    }



    #navi {
        display: none;
        background-color: #494948;
        height: auto;
        position: relative;
        z-index: 500;
        margin-bottom: 0;
    }


    #menu {
        padding: 0;
        background-color: #494948;
        float: none;
        height: auto;
        /*margin-top:40px;*/
        display: inline-block;
    }

    #menu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        padding: 0 0 0;
        display: block;
    }

    #menu li {
        padding: 0;
        margin: 0;
        text-align: left;
        width: 100%;
        background-color: #ffffff;
        display: inline-block;
        border-left: none;
        border-bottom: 1px solid #ffffff;
    }

    #menu a,
    #menu a:visited {
        padding: 0 0 0 10px;
        margin: 0;
        text-align: left;
        text-decoration: none;

        color: #ffffff;
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
    }

    /*#menu a,
    #menu a.active,
    #menu li.active_sub a.active_sub,
    #menu a:hover,
    #menu ul li ul li a:hover,
    #menu ul li ul li a.active,
    #menu ul li ul li li.active_sub a.active_sub {
        border-left: 0;
        display: block;
        width: 100%;
        color: #333;
    }*/

    #menu :hover > a,
    #menu ul :hover > a.active_sub {
        background: #ccc;
        /* necessary for ie6 */
        color: #fff;
    }

    #menu a.active,
    #menu ul li ul li a.active {
        color: #1d1d1b !important;
        background: #9d9d9d !important;
    }

    #menu ul li ul {
        visibility: visible;
        position: relative;
    }

    #menu ul li ul li {
        background-color: #ffffff;
        float: left;
        width: 100%;
    }

    #menu ul li ul li a,
    #menu ul li ul li a:visited {
        background-color: #ffffff;
        color: #000000;
    }


    #menu ul li ul li a:hover {
        background-color: #ffffff;
        /*color: #DDBE6E; */
    }

    #menu ul li ul li ul li {
        padding-bottom: 0px;
        width: 100%;

    }

    #menu ul li ul li a,
    #menu ul ul li a:visited {
        width: 100%;
    }

    #menu ul li ul li ul li a {
        background-color: #ffffff;
        color: #000000;
        font-weight: normal;
    }




}



/* Galaxy S5*/
@media only screen and (min-width: 360px) {


    #polls {
        border: 0;
        background: transparent;
        overflow: hidden;
        width: 60%;
        display: block;
        float: left;
    }



    #ueli_top {
        background-image: url(../img/header_ueli.png);
        position: absolute;
        width: 130px;
        height: 363px;
        float: left;
        margin-left: 909px;
        z-index: 200000;
        display: none;
    }

    #map_contenter {
        clear: both;
    }

    #websponsormiddle {
        background-image: url(../img/webspnsor.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 146px;
        height: 78px;
        float: right;
        margin-top: 13px;
        display: none;
    }

    #websponsortop {
        background-image: url(../img/webspnsor.svg);
        width: 100%;
        height: 78px;
        float: none;
        margin: 0 auto;
        padding-top: 13px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        background-position: center center;
        border-top: 3px solid #1d1d1b;

    }

    


    #footerbannersmall {
        /* background-color: #d83d3d; */
        height: 100px;
        width: 100%;
        float: left;
        /* margin-left: 12px; */
        /* margin-top: 13px; */
        color: #FFFFFF;
        display: none;
    }

    #contentbanner {
        /* background-color: #d83d3d; */
        width: auto;
        height: auto;
        color: #FFFFFF;
        float: left;
        display: block;
        margin-bottom: 20px;
        width: 40%;
        display: block;
    }
    
    #contentbanner {
        border-top: 3px solid #1d1d1b;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }
    
    #contentbanner img{
        max-width: 150px;
    }

    
    
    
    #polls {
        border: 0;
        background: transparent;
        overflow: hidden;
        width: 100%;
        display: block;
        float: left;
    }

    .eintragmitlandingpage {
        width: 100%;
        color: #fff;
        background: #333;
        margin: 25px 0;
        clear: both;
        padding: 15px;
        box-sizing: border-box;
        -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    #menuicon {
        position: relative !important;
        left: 0;
        top: 0 !important;
        background-color: #000 !important;
        background-repeat: no-repeat;
        width: 100%;
        height: 50px;
        cursor: pointer;
        display: block;
        z-index: 9999;
    }

}

/* Tablet (iPad) */
@media only screen and (min-width: 768px) {

    #websponsormiddle {
        background-image: url(../img/webspnsor.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 146px;
        height: 78px;
        float: right;
        display: none;

    }

    #websponsormiddleipad {
        background-image: url(../img/webspnsor.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 146px;
        height: 78px;
        float: right;
        display: block;

    }

    #websponsortop {
        display: none;

    }

    #websponsor {
        display: none;

    }


}

#websponsormiddle a,
#websponsormiddleipad a,
#websponsortop a,
#websponsor a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

@media screen and (min-width: 1024px){
#contentbanner {
        border-top: 3px solid #1d1d1b;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }
    
    #contentbanner img{
        max-width: 100%;
}
    }


@media only screen and (min-width: 1025px) {
    #menuicon {
        display: none;
    }

    #websponsormiddleipad {
        background-image: url(../img/webspnsor.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 146px;
        height: 78px;
        float: right;
        display: none;
    }

    #websponsormiddle {
        background-image: url(../img/webspnsor.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 146px;
        height: 78px;
        float: right;
        display: block;

    }

    #footerbanner {
        /*background-color:#d83d3d;*/
        height: 100px;
        width: 450px;
        float: left;
        margin-left: 12px;
        margin-top: 13px;
        color: #FFFFFF;
        display: block;
        /*padding:20px;
	box-sizing:border-box;*/
    }

    #footerbannersmall {
        /*background-color:#d83d3d;*/
        height: 100px;
        width: 450px;
        float: left;
        margin-left: 12px;
        margin-top: 13px;
        color: #FFFFFF;
        display: none;
        /*padding:20px;
	box-sizing:border-box;*/
    }

    #polls {
        border: 0;
        background: transparent;
        overflow: hidden;
        width: 100%;
        display: block;
        float: left;
    }

}