@media only screen and (max-width : 1023px) {
    
    .page-lizenz-points .extrapoint-butt { position:static; margin:0px 0px 5px 0px; left:auto; width:44px; padding-top:42px; background-size:24px auto; }
    .page-lizenz-points .mystery-butt { position:static; left:auto; float:right; margin:0px 0px 20px 10px; }
    .page-lizenz-points .quiz-butt { position:static; left:auto; float:right; margin:0px 0px 20px 10px; background-size:36px auto; padding-top:44px; background-position:center 2px; }
    
    .page-lizenz-points .page-lizenz-points-cont { margin-right:10px; }
    .page-lizenz-points .graph-data { margin-top:10px; }
    
    /*.main-div-inner .page-cont .page-text .text-data .tit span { float:none; padding:0px 0px 0px 24px; }*/
    /*.main-div-inner .page-cont .page-text .text-data-hide .tit span::before { right:auto; left:0px; }*/
}

@media only screen and (max-width : 800px) {
    
    .main-div-index .slogan { font-size:58px; margin-top:0px; }
    .main-div-index .slogan-info { font-size:18px; margin-top:-20px; }
    /*.main-div-index .sn-icons { text-align:center; }*/
    
    .main-div-index .logo { width:160px; height:160px; background-size:140px auto; }
    .main-div-index .sn-icons { padding-bottom:0px; }
    .main-div-index .bot-butt { padding-top:50px; }
    
    .main-div-index .license-butt { margin-top:30px; }
    
    
    
    
}


@media only screen and (max-width : 740px) {
    .page-geniessen .geniessen-item .lizenz-notice-butts { width:100px; left:395px; }
}

@media only screen and (max-width : 640px) {
    
    .auth-menu-pu { position:static; }
    .auth-menu-pu .menu-bg { display:block; background:rgba(0,0,0,.7); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:10; }
    .auth-menu-pu .menu-data { right:0px; top:0px; height:100%; position:fixed; width:250px; z-index:11; border-radius:0px; padding:0px 0px; background:#fff; }
    .auth-menu-pu .menu-data .menu { padding:15px 0px; }
    .auth-menu-pu .menu-data .menu div { padding:0px 10px; }
    .auth-menu-pu .menu-data .menu a { font-size:18px; }
    .auth-menu-pu .menu-data .menu a.logout::before { right:4px; top:3px; }
    .auth-menu-show { overflow:hidden; }
    .auth-menu-pu .menu-data .name { padding:55px 20px 7px 20px; text-align:center; }
    .auth-menu-pu .menu-data .name span { right:125px; margin:-45px -20px 0px 0px; height:36px; }
    
    
    .body-inner-auth { background: linear-gradient(to bottom, #8C6D71 0%, #fff 104px) no-repeat; }
    .main-div-inner .header { /*padding-top:50px;*/ }
    .main-div-inner .header .logo { width:110px; height:110px; border-radius:55px; background-color:#fff; background-size:90px auto; }
    
    .main-div-inner .page-cont .page-text { font-size:14px; }
    .main-div-inner .page-cont .page-text p { line-height:21px; }
    .main-div-inner .page-cont .page-text .text-data { padding:7px 0px; }
    .main-div-inner .page-cont .page-text .text-data-hide .tit span::before { top:3px; }
    .main-div-inner .page-cont .page-text .text-data-show .tit span::before { top:7px; }
    
    .body-inner .main-div-inner .auth-icons { padding-top:0px; margin-top:30px; }
    .body-inner .main-div-inner .sn-icons { padding-top:0px; margin-top:37px; }
    .body-inner-auth .main-div-inner .sn-icons { padding-top:0px; margin-top:37px; }
    
    .main-div-inner { padding-bottom:80px; }
    .main-div-inner-menu { height:58px; }
    .main-div-inner-menu .butts { max-width:240px; padding:7px 0px; }
    .main-div-inner-menu .butts a { padding:0px; height:42px; }
    .main-div-inner-menu .butts a:hover { background-color:transparent; }
    .main-div-inner-menu .butts a span { display:none; }
    .main-div-inner-menu .butts a.so-gehts { background-size:28px auto; }
    .main-div-inner-menu .butts a.entdecken { background-size:40px auto; }
    .main-div-inner-menu .butts a.zur-lizenz { background-size:28px auto; }
    .main-div-inner-menu .butts a.geniessen { background-size:28px auto; }
    
    .page-geniessen .geniessen-find .preselect div { font-size:14px; }
    
    /*
    .page-geniessen .geniessen-item .lizenz { position:static; float:right; margin:2px 57px 0px 0px; left:auto; top:auto; }
    .page-geniessen .geniessen-item .notice { position:static; float:right; clear:right; margin:20px 57px 0px 0px; left:auto; }
    */
    .page-geniessen .geniessen-item .lizenz-notice-butts { position:static; top:auto; left:auto; width:170px; float:right; }
    .page-geniessen .geniessen-item .desc-auth { margin-right:170px; font-size:14px; line-height:19px; top:auto; }
    .page-geniessen .geniessen-item .desc { min-height:none; }
    
    
    .page-geniessen .geniessen-item .img-rtit .img { width:170px; height:190px; }
    .page-geniessen .geniessen-item .img-rtit .rtit { margin-right:180px; }
    .page-geniessen .geniessen-item .img-rtit .rtit .buttle-name { height:34px; font-size:14px; line-height:14px; max-width:150px; margin:0px auto; padding-right:20%; }
    .page-geniessen .geniessen-item .img-rtit .rtit .buttle-name span { height:34px; }
    .page-geniessen .geniessen-item .img-rtit .rtit .buttle-city { height:34px; font-size:13px; line-height:13px; max-width:150px; margin:10px auto 0px auto; padding-left:20%; }
    .page-geniessen .geniessen-item .img-rtit .rtit .buttle-city span { height:34px; }
    .page-geniessen .geniessen-item .img-rtit .rtit .info { max-width:150px; margin:0px auto; }
    
    .page-mail .mailing-box .line .body { font-size:14px; line-height:20px; }
    .page-mail .mailing-box .line .body .welcomediv { font-size: 18px !important; line-height:24px !important; }


}

@media only screen and (max-width : 560px) {
    /*.main-div-index .logo { width:144px; height:144px; }*/
    .main-div-index { padding:10px; }
    .main-div-index .bot-butt { width:200px; padding-top:30px;  }
    .main-div-index .bot-butt a { width:46%; margin-top:10px; }
    .main-div-index .bot-butt a:hover { background-color:#fff; }
    .page-geniessen .geniessen-items { max-width:300px; }
    .page-geniessen .geniessen-items .item { width:50%; }
    .page-geniessen .geniessen-items-search .item { width:100%; }
    
    .pu-area-text { padding:35px 20px; }
    
}

@media only screen and (max-width : 480px) {
    .main-div-inner { padding:0px 12px 90px 12px; }
    .main-div-index .slogan { font-size:52px; }
    
}

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

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