@media (min-width: 1100px) and (max-width: 1280px){
    body {font-size: 11px;}
    #navi a {font-size: 12px;}
    .general-categories ul li h3 {margin:0; font-size: 12px; }
    .logos li {
        max-width: 240px;
    }

    .social_btn .facebook,
    .social_btn .twitter,
    .social_btn .youtube,
    .social_btn .instagram,
    .social_btn .flickr,
    .social_btn .google,
    .social_btn .vimeo,
    .white .social_btn .facebook,
    .white .social_btn .twitter,
    .white .social_btn .youtube,
    .white .social_btn .instagram,
    .white .social_btn .flickr,
    .white .social_btn .google,
    .white .social_btn .vimeo,
    .gerne .gerne-buttons .button-web,
    .wrapper.white .gerne-buttons .button-web
    {width: 35px; height: 35px;}

    #press_container .social_btn .social-icon   {background: url('/img/social-media-sprite-35x35.png') 0 0 no-repeat;  width: 35px; height: 35px;}
    #press_container .social_btn .facebook      {background-position: right 0; }
    #press_container .social_btn .facebook:hover{background-position: left 0;}
    #press_container .social_btn .twitter      {background-position: right -70px;}
    #press_container .social_btn .twitter:hover{background-position: left -70px;}
    #press_container .social_btn .youtube      {background-position: right -35px;}
    #press_container .social_btn .youtube:hover{background-position: left -35px;}
    #press_container .social_btn .google      {background-position: right -105px;}
    #press_container .social_btn .google:hover      {background-position: left -105px;}
    #press_container .social_btn .vimeo       {background-position: right -140px;}
    #press_container .social_btn .vimeo:hover       {background-position: left -140px;}
    #press_container .social_btn .flickr       {background-position: right -175px;}
    #press_container .social_btn .flickr:hover       {background-position: left -175px;}
    #press_container .social_btn .instagram       {background-position: right -210px;}
    #press_container .social_btn .instagram:hover       {background-position: left -210px;}


    #contact_container .social_btn .social-icon   {background: url('/img/social-media-sprite-35x35.png') 0 0 no-repeat;  width: 35px; height: 35px;}
    #contact_container .social_btn .facebook      {background-position: right 0; margin: 0 10px 0 0;  }
    #contact_container .social_btn .facebook:hover{background-position: left 0; margin: 0 10px 0 0;  }
    #contact_container .social_btn .twitter      {background-position: right -70px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .twitter:hover{background-position: left -70px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .youtube      {background-position: right -35px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .youtube:hover{background-position: left -35px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .google      {background-position: right -105px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .google:hover      {background-position: left -105px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .vimeo       {background-position: right -140px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .vimeo:hover       {background-position: left -140px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .flickr       {background-position: right -175px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .flickr:hover       {background-position: left -175px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .instagram       {background-position: right -210px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .instagram:hover       {background-position: left -210px; margin: 0 10px 0 0;  }

}


@media (min-width: 1024px) and (max-width: 1100px){

    body {font-size: 11px;}
    #navi a {font-size: 12px; margin-right: 19px}
    .general-categories ul li h3 {margin:0; font-size: 12px; }
    .logos li {
        max-width: 240px;
    }

    .social_btn .facebook,
    .social_btn .twitter,
    .social_btn .youtube,
    .social_btn .instagram,
    .social_btn .flickr,
    .social_btn .google,
    .social_btn .vimeo,
    .white .social_btn .facebook,
    .white .social_btn .twitter,
    .white .social_btn .youtube,
    .white .social_btn .instagram,
    .white .social_btn .flickr,
    .white .social_btn .google,
    .white .social_btn .vimeo,
    .gerne .gerne-buttons .button-web,
    .wrapper.white .gerne-buttons .button-web
    {width: 35px; height: 35px;}

    #press_container .social_btn .social-icon   {background: url('/img/social-media-sprite-35x35.png') 0 0 no-repeat;  width: 35px; height: 35px;}
    #press_container .social_btn .facebook      {background-position: right 0; }
    #press_container .social_btn .facebook:hover{background-position: left 0;}
    #press_container .social_btn .twitter      {background-position: right -70px;}
    #press_container .social_btn .twitter:hover{background-position: left -70px;}
    #press_container .social_btn .youtube      {background-position: right -35px;}
    #press_container .social_btn .youtube:hover{background-position: left -35px;}
    #press_container .social_btn .google      {background-position: right -105px;}
    #press_container .social_btn .google:hover      {background-position: left -105px;}
    #press_container .social_btn .vimeo       {background-position: right -140px;}
    #press_container .social_btn .vimeo:hover       {background-position: left -140px;}
    #press_container .social_btn .flickr       {background-position: right -175px;}
    #press_container .social_btn .flickr:hover       {background-position: left -175px;}
    #press_container .social_btn .instagram       {background-position: right -210px;}
    #press_container .social_btn .instagram:hover       {background-position: left -210px;}


    #contact_container .social_btn .social-icon   {background: url('/img/social-media-sprite-35x35.png') 0 0 no-repeat;  width: 35px; height: 35px;}
    #contact_container .social_btn .facebook      {background-position: right 0; margin: 0 10px 0 0;  }
    #contact_container .social_btn .facebook:hover{background-position: left 0; margin: 0 10px 0 0;  }
    #contact_container .social_btn .twitter      {background-position: right -70px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .twitter:hover{background-position: left -70px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .youtube      {background-position: right -35px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .youtube:hover{background-position: left -35px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .google      {background-position: right -105px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .google:hover      {background-position: left -105px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .vimeo       {background-position: right -140px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .vimeo:hover       {background-position: left -140px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .flickr       {background-position: right -175px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .flickr:hover       {background-position: left -175px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .instagram       {background-position: right -210px; margin: 0 10px 0 0;  }
    #contact_container .social_btn .instagram:hover       {background-position: left -210px; margin: 0 10px 0 0;  }

}

@media (min-width:769px) and (max-width: 1024px){
	
    body {font-size: 9px;}
   
    .general-categories ul li h3 {margin:0; font-size: 12px; }
    .logos li {
        max-width: 240px;
    }

    .social_btn .facebook,
    .social_btn .twitter,
    .social_btn .youtube,
    .social_btn .instagram,
    .social_btn .flickr,
    .social_btn .google,
    .social_btn .vimeo,
    .white .social_btn .facebook,
    .white .social_btn .twitter,
    .white .social_btn .youtube,
    .white .social_btn .instagram,
    .white .social_btn .flickr,
    .white .social_btn .google,
    .white .social_btn .vimeo,
    .gerne .gerne-buttons .button-web,
    .wrapper.white .gerne-buttons .button-web
    {width: 35px; height: 35px;}

    #press_container .social_btn .social-icon   {background: url('/img/social-media-sprite-35x35.png') 0 0 no-repeat;  width: 35px; height: 35px;}
    #press_container .social_btn .facebook      {background-position: right 0; }
    #press_container .social_btn .facebook:hover{background-position: left 0;}
    #press_container .social_btn .twitter      {background-position: right -70px;}
    #press_container .social_btn .twitter:hover{background-position: left -70px;}
    #press_container .social_btn .youtube      {background-position: right -35px;}
    #press_container .social_btn .youtube:hover{background-position: left -35px;}
    #press_container .social_btn .google      {background-position: right -105px;}
    #press_container .social_btn .google:hover      {background-position: left -105px;}
    #press_container .social_btn .vimeo       {background-position: right -140px;}
    #press_container .social_btn .vimeo:hover       {background-position: left -140px;}
    #press_container .social_btn .flickr       {background-position: right -175px;}
    #press_container .social_btn .flickr:hover       {background-position: left -175px;}
    #press_container .social_btn .instagram       {background-position: right -210px;}
    #press_container .social_btn .instagram:hover       {background-position: left -210px;}


    #contact_container .social_btn .social-icon   {background: url('/img/social-media-sprite-35x35.png') 0 0 no-repeat;  width: 35px; height: 35px;}
    #contact_container .social_btn .facebook      {background-position: right 0;  }
    #contact_container .social_btn .facebook:hover{background-position: left 0;}
    #contact_container .social_btn .twitter      {background-position: right -70px; }
    #contact_container .social_btn .twitter:hover{background-position: left -70px; }
    #contact_container .social_btn .youtube      {background-position: right -35px;  }
    #contact_container .social_btn .youtube:hover{background-position: left -35px; }
    #contact_container .social_btn .google      {background-position: right -105px; }
    #contact_container .social_btn .google:hover      {background-position: left -105px;  }
    #contact_container .social_btn .vimeo       {background-position: right -140px;   }
    #contact_container .social_btn .vimeo:hover       {background-position: left -140px;  }
    #contact_container .social_btn .flickr       {background-position: right -175px;  }
    #contact_container .social_btn .flickr:hover       {background-position: left -175px; }
    #contact_container .social_btn .instagram       {background-position: right -210px;  }
    #contact_container .social_btn .instagram:hover       {background-position: left -210px;}


    #welcome_container .txt p,
    .counter_container .box p,
    .gerne .gerne-container .artist-description p,
    #contact_container .box p,
    #partners .txt p {font-size: 12px;}

}

@media (max-width: 1350px){

	#menu a         {width: 100%; margin-bottom: 0.5em;}

    #menu a:first-child {
        margin-top: 20px;
    }

    #menu a.last         {display: none;}
    #menu           {display: none; text-align: left;}
    #navi .container #showmenu           {display: block;}
    #navi a .logo {
        font-size: 18px;
        margin: 0 52px 0 0;
        padding: 4px 0;
    }

    #navi .container #showmenu {
        width: 18px;
        height: 7px;
        background-size: auto;
    }

    nav {
        text-align: left !important;
        width: 100% !important;
    }

    #navi {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (max-width: 768px){

	#features .wrapper  {background:#0800a6;/*background-image:url(/img/bg_start_static.gif) !important;*/}
    .gerne .gerne-container div.fama,
    .gerne .gerne-container div.oeticket,
    .gerne .gerne-container div.akm{
        height: 6em;
        width: 6em;
    }

    span.open-categories, span.open-gernes {
        background-size: 12px;
    }

    .nl-form {
        font-size: 3em!important;
    }

    #partners .txt p {
        width: auto!important;
    }

    .container {padding: 0 30px; box-sizing: border-box; width: 100%; margin: 0;}
    body {font-size: 11px;}
    .logo-feature {
        top: 100px;
        left: 30px;
		right: 30px;
		width: auto;
    }
    #navi .container #showmenu {
        right: 30px;
    }

    #welcome_container .txt{
        bottom: 11.6em;
        width: auto;
        left: 30px;
        right:30px;
    }

    .bx-wrapper .bx-controls-direction {
        font-size: 0.7em;
    }

    .bx-wrapper .bx-controls-direction a {
        height: 50px !important;
        top: auto !important;
        bottom: 10px !important;
        font-size: 0.7em;
    }
    .logos li {
        margin: 0 0 10px;
        max-width: 180px;
    }

    #features .social_btn {
        right: 30px;
    }

    #partners .txt h1 {
        font-size: 5.5em;
    }

    #features .social_btn {
        bottom: 5.55em;
    }

    .gerne .gerne-buttons {
        left: 30px;
        right: 30px;
    }



    .counter-container {
        width: 73em;
        overflow: hidden;
        margin: 0 auto;
        font-size: 0.8em;
    }

    #simple_slides .box-large,
    #simple_slides .box-normal,
    #simple_slides .box {
        left: 30px;
        right: 30px;
        width: auto !important;
        bottom: 19em;
        position: absolute;
    }

    #simple_slides .content .button-container {
        position: absolute;
        left: 30px;
        right: 30px;
        width: auto;
        bottom: 7em;
        text-align: center;
    }
	
	
	
	

    

    #impressum  h1 {
        font-size: 3em;
        margin-top: 1em;

    }

    #impressum .center,
    #press_container .container .content,
    #contact_container .container .content{
        width: auto;
    }

    #impressum .center {
        width: auto !important;
        margin: 0 15px;
    }

    #contact_container .box h1{
        font-size: 3em;
    }
    #press_container ul li,
    #press_container .box h2{
        font-size: 3em;
    }

    .social_btn .facebook,
    .social_btn .twitter,
    .social_btn .youtube,
    .social_btn .instagram,
    .social_btn .flickr,
    .social_btn .google,
    .social_btn .vimeo,
    .white .social_btn .facebook,
    .white .social_btn .twitter,
    .white .social_btn .youtube,
    .white .social_btn .instagram,
    .white .social_btn .flickr,
    .white .social_btn .google,
    .white .social_btn .vimeo,
    .gerne .gerne-buttons .button-web,
    .wrapper.white .gerne-buttons .button-web
    {width: 35px; height: 35px;}

    #press_container .social_btn .social-icon   {background: url('/img/social-media-sprite-52x52.png') 0 0 no-repeat;  width: 35px; height: 35px; background-size: 200% !important;}
    #press_container .social_btn .facebook      {background-position: right 0;}
    #press_container .social_btn .facebook:hover{background-position: left 0;}
    #press_container .social_btn .twitter      {background-position: right -104px;}
    #press_container .social_btn .twitter:hover{background-position: left -104px;}
    #press_container .social_btn .youtube      {background-position: right -52px;}
    #press_container .social_btn .youtube:hover{background-position: left -52px;}
    #press_container .social_btn .google      {background-position: right -156px;}
    #press_container .social_btn .google:hover      {background-position: left -156px;}
    #press_container .social_btn .vimeo       {background-position: right -208px;}
    #press_container .social_btn .vimeo:hover       {background-position: left -208px;}
    #press_container .social_btn .flickr       {background-position: right -260px;}
    #press_container .social_btn .flickr:hover       {background-position: left -260px;}
    #press_container .social_btn .instagram       {background-position: right -312px;}

    #contact_container .social_btn .social-icon   {background: url('/img/social-media-sprite-52x52.png') 0 0 no-repeat;  width: 35px; height: 35px; background-size: 200% !important;}
    #contact_container .social_btn .facebook      {background-position: right 0;   }
    #contact_container .social_btn .facebook:hover{background-position: left 0; }
    #contact_container .social_btn .twitter      {background-position: right -104px  }
    #contact_container .social_btn .twitter:hover{background-position: left -104px;  }
    #contact_container .social_btn .youtube      {background-position: right -52px;  }
    #contact_container .social_btn .youtube:hover{background-position: left -52px;   }
    #contact_container .social_btn .google      {background-position: right -156px;  }
    #contact_container .social_btn .google:hover      {background-position: left -156px; }
    #contact_container .social_btn .vimeo       {background-position: right -208px;  }
    #contact_container .social_btn .vimeo:hover       {background-position: left -208px;  }
    #contact_container .social_btn .flickr       {background-position: right -260px; }
    #contact_container .social_btn .flickr:hover       {background-position: left -260px;  }
    #contact_container .social_btn .instagram       {background-position: right -312px; }
    #contact_container .social_btn .instagram:hover       {background-position: left -312px; }

    .logo-feature {
        font-size: 0.7em;
        top: 85px;
    }

    #welcome_container .txt h1 {
        font-size: 3em;
    }

    .counter_container .box h1 {
        font-size: 3em;
    }

    .gerne .gerne-container .artist-description h1{
        font-size: 3em;
    }

    span.open-categories, span.open-gernes {
        padding-left: 0.4em;
    }

    .textual-content {
        bottom: 3.3em;
    }

    .buttons {
        font-size: 0.7em;
    }

    .general-categories ul li h3 a {
        font-size: 1.1em;
        padding: 3px 24px 3px 24px
    }

    .gerne .general-categories ul {
        margin-bottom: 2em;
    }

    .gerne .gerne-container .vote-container {
        height: 6em;
    }

    .gerne .gerne-container a.vote {
        width: 6em;
        height: 6em;
    }
	
	.gerne .gerne-container div.hitradio {
		width: 6em;
        height: 6em;
	}

    .nl-dd ul li {
        font-size: 14px !important;
    }

    #press_container .social_btn .facebook      {background-position: right 0; }
    #press_container .social_btn .facebook:hover{background-position: left 0;}
    #press_container .social_btn .youtube      {background-position: right -35px;}
    #press_container .social_btn .youtube:hover{background-position: left -35px;}
    #press_container .social_btn .twitter      {background-position: right -70px;}
    #press_container .social_btn .twitter:hover{background-position: left -70px;}
    #press_container .social_btn .google      {background-position: right -105px;}
    #press_container .social_btn .google:hover      {background-position: left -105px;}
    #press_container .social_btn .vimeo       {background-position: right -140px;}
    #press_container .social_btn .vimeo:hover       {background-position: left -140px;}
    #press_container .social_btn .flickr       {background-position: right -175px;}
    #press_container .social_btn .flickr:hover       {background-position: left -175px;}
    #press_container .social_btn .instagram       {background-position: right -210px;}
    #press_container .social_btn .instagram:hover       {background-position: left -210px;}

    #contact_container .social_btn .facebook      {background-position: right 0; }
    #contact_container .social_btn .facebook:hover{background-position: left 0;}
    #contact_container .social_btn .youtube      {background-position: right -35px;}
    #contact_container .social_btn .youtube:hover{background-position: left -35px;}
    #contact_container .social_btn .twitter      {background-position: right -70px;}
    #contact_container .social_btn .twitter:hover{background-position: left -70px;}
    #contact_container .social_btn .google      {background-position: right -105px;}
    #contact_container .social_btn .google:hover      {background-position: left -105px;}
    #contact_container .social_btn .vimeo       {background-position: right -140px;}
    #contact_container .social_btn .vimeo:hover       {background-position: left -140px;}
    #contact_container .social_btn .flickr       {background-position: right -175px;}
    #contact_container .social_btn .flickr:hover       {background-position: left -175px;}
    #contact_container .social_btn .instagram       {background-position: right -210px;}
    #contact_container .social_btn .instagram:hover       {background-position: left -210px;}

}




@media (max-width: 640px){
    body {font-size: 9px;}
    #menu a         {width: 100%; font-size: 12px !important;}
    #menu a.last         {display: none;}
    #menu           {display: none;}

    .counter-container {
        width: 245px;
        overflow: hidden;
        margin: 0 auto;
        font-size: 0.8em;
    }

    #navi .container #showmenu  {display: block;         width: 22px;
        height: 3px;
    }
    #navi {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    


    #navi a .logo {
        font-size: 18px;
        margin: 0 52px 0 0;
        padding: 4px 0;
    }



    .general-categories {
        font-size: 0.5em;
    }

    #simple_slides .box-large {
        width: auto;
    }

    #simple_slides .box-normal,
    #simple_slides .box-large
    {
        width: 100%;
    }

    span.open-categories, span.open-gernes {
        padding-left: 0.6em;
    }

    #simple_slides .content .button-container {
        text-align: center;
    }

    .counter_container .date,
    .counter_container .location,
    .counter_container .channel{
        font-size: 0.8em;
        float:none;
        width: auto;
        margin-bottom: 3.5em;
    }

    .counter_container #info {
        font-size: 0.6em;
        width: 100%;
    }

    .counter_container .label {
        font-size: 2.5em;
    }

    #running-counter {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 4.5em;
    }

    #running-counter {
        margin: 0 !important;
            font-size: 4.3em;
    }



}

@media (max-width: 620px){
    #partners .txt {
        bottom: 7em
    }
    .logos li {
        margin: 10px;
        max-width: 157px;
    }
}

@media (max-width: 560px){
    .logos li {
        margin: 5px;
        max-width: 120px;
    }
}


@media (max-width: 420px){
    .container {
        padding: 0 15px;
    }

    .logo-feature {
        left: 15px;
		right: 15px;
    }
    #navi .container #showmenu {
        right: 15px;
    }

    #welcome_container .txt{
        left: 15px;
        right:15px;
    }

    #simple_slides .box-large,
    #simple_slides .box-normal,
    #simple_slides .box {
        font-size: 0.7em;
        left: 15px;
        right: 15px;
        width: auto !important;
        bottom: 18em;
        position: absolute;
    }

    span.open-categories, span.open-gernes {
        background-size: 8px;
    }

    .gerne .general-categories {
        width: 300px;
        left: 5%;
        font-size: 1.2em;
    }
    #general-gernes,
    #general-categories {
        left: 22%;
        top: auto;
        bottom: 10%;
        margin-top: -25%;
        position: absolute;
    }

    .gerne .gerne-container .artist-description p {
        width: 26em;
    }

    .gerne .gerne-buttons {
        bottom: 0.1em;
    }

    .textual-content {
        bottom: 8.5em;
    }



    .gerne .gerne-buttons {
        left: 15px;
        right: 15px;
    }




    #impressum .center {
        width: auto !important;
        margin: 0 15px;
    }

    #impressum p {
        font-size: 1em;
    }


    #pressefotos .center, #pressemitteilungen .center {
        width: 80% !important;
    }
    #pressefotos h1,
    #pressemitteilungen h1{
        font-size: 3em;
    }

    .overlay .close {
        width: 2em;
        height: 2em;
        text-indent: -9999px;
        right: 1.5em;
        top: 1.5em;
    }
}



@media (max-width: 360px){
    .bx-pager {
        font-size: 0.7em;
    }
}


@media (max-height : 450px) and (orientation : landscape){
    #landscape {display: block;}
}