@media only screen and (max-width:1180px){
    .footer-logos {
        padding-left:0;
    }
    .frame {
        min-height: 250px;
        border-bottom:60px solid #fff;
    }
    .ratio,
    .downloading-ratio .ratio {
        width: 29.5%;
    }
    .news-block p {
        font-size: 12px;
        line-height: 15px;
    }
    .news-block h3 {
        font-size: 13px;
        line-height: 15px;
    }
    .news-block .pull-left {
        width: 100%;
    }
    .news-area .pull-right {
        padding-top: 10px;
        width: 100%;
    }
    .img-area > img {
        margin-right: 10px;
        width: 32%;
    }
    .einkaufsgebiete .inner-map-area .pull-right {
        margin-left: 20px;
        width: 53%;
    }
    .inner-map-area .pull-right {
        margin-left: 20px;
        width: 37%;
    }
    .inner-map-area ul.last {
        margin-left: 35px;
    }
    .inner-map-area ul li a {
        font-size: 15px;
    }
    .inner-map-area ul li a span {
        width: 20px;
    }
    .starting_ending_date .input-append.date {
        margin: 0 10px;
    }
    .frame {
        left: 133px;
        right: 131px;
    }
    #slider .left.carousel-control > img {
        left: 35px;
    }
    #slider .right.carousel-control > img {
        right: 35px;
    }
    .filterbtns{
        margin-left:30px;
    }
    .vertical .filterbtns{
        margin-left:0px;
    }
    .filter-options .btn {
        margin-left: 15px !important;
    }
    .map-right .box-content {
        padding: 8px 15px 2px; 
    }
    .news-area {
        padding: 18px 14px 1000px 14px;
    }
    .news-area > h3 {
        margin-left: 0px;
        font-size:20px !important;
    }
    .search-news input[type="text"] {
        font-size: 17.93px;
    }
    .club-desc > h3 {
        margin-bottom: 40px;
    }
    .box_area_top .product-inner {
        height: auto;
    }
    .box_area_top .filterbtns{
        margin:0;
    }
    .merchandising .product-inner.product-offer-box > img {
        width: 49%;
    }
    .merchandising .grid-item .product-offer-box .box-content {
        padding-bottom: 10px;
    }
    #filter .product-box .news-block h3 {
        line-height: 100%;
    }
}
@media only screen and (max-width:1400px){
    #header .navbar-default .navbar-nav > li > a {
        padding: 15px 13px;
    }
    #banner-area .carousel-caption {
        height: inherit;
    }
}
@media only screen and (max-width:1024px){
    #slider .left.carousel-control > img {
        left: 20px;
    }
    #slider .right.carousel-control > img {
        right: 20px;
    }
    .frame {
        min-height: 230px;
    }
    .download-box h3.bottom {
        max-width: 90%;
    }
    .news-area .pull-right {
        width: 100%;
        margin-top: 10px;
    }
    .news-block .pull-left {
        width: 100%;
    }
    .search-news input[type="text"] {
        font-size: 18px;
    }
    .news-area > h3 {
        font-size: 18px;
        line-height:25px;
    }
    .einkaufsgebiete .inner-map-area .pull-right {
        width: 50%;
    }
    .inner-map-area .pull-right {
        width: 33%;
    }
    .inner-map-area h3 {
        font-size: 17px;
        line-height: 23px;
    }
    #search-area .pull-right {
        width: 75%;
    }
    .starting_ending_date {
        padding-left: 15px;
    }
    #myCarousel2::before {
        height: 68px;
    }
    .grid-item--height2 .product-inner img{
        height:80%;
    }
    .club-desc > h3 {
        margin-bottom: 20px;
    }
    .author-name {
        padding-top: 15px;
    }
    .search .white-grid-area .product-box .pull-right, .search .white-grid-area .grid-item .pull-right {
        width: 82%;
    }
}
@media only screen and (max-width:959px){
    #header .navbar-default .navbar-nav > li > a {
        padding: 15px 15px 11px;
    }
    .footer-logos {
        padding-right: 0;
    }
    .search-form {
        margin-left: 15px;
    }
    #header .dropdown-menu > li > a {
        padding: 6px 0 6px 20px;
        font-size:15px;
    }
    #header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:active, #header .dropdown-menu > li > a:focus {
        background-position: 8px 50%;
    }
    .frame {
        min-height: 190px;
        right:85px;
        left:85px;
        bottom:15px;
    }
    .download-box img {
        max-width: 88%;
    }
    .download-box:hover h3 {
        max-width: 87%;
    }
    .download-box {
        height: 315px;
    }
    .ratio, .downloading-ratio .ratio {
        margin-left: 15px;
    }
    .downloading-desc .pull-left {
        margin-right: 20px;
    }
    .img-area > img {
        width: 31%;
    }
    .search-news input[type="text"] {
        font-size: 13px;
    }
    .news-area > h3 {
        font-size: 14px;
    }
    .inner-map-area .pull-left {
        float: none !important;
        margin: 0 auto 40px;
        width: 390px;
    }
    .einkaufsgebiete .inner-map-area .pull-right {
        width: 100%;
        float: none !important;
        margin-left: 0;
    }
    .starting_ending_date .input-append.date {
        width: 80px;
    }
    #search-area .pull-right {
        width: 82%;
    }
    .search-btn {
        padding: 2px 10px 3px;
    }
    #search-area .pull-left > h3 {
        font-size: 20px;
        margin: 2px 0 0;
    }
    .inner-map-area .pull-right {
        width: 100%;
        float: none;
    }
    .filter-title {
        font-size: 17px;
    }
    .filter-options .btn {
        margin-left: 0px !important;
    }
    .filter-options .btn label {
        font-size: 12px;
    }
    .product-box.map-right {
        padding-left: 15px;
    }
    .product-inner {
        height: auto;
    }
    .download-box:hover {
        background: #fff none repeat scroll 0 0;
        border:none;
    }
    .download-box:hover h3 {
        position:inherit;
        max-width:100%;
    }
    #filter div.club-desc {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .box_area_top .product-box > img {
        background: #fff;
        padding: 17px 0;
    }
    .map-right .box-content {
        padding: 15px; 
    }
    .search .filterbtns {
        margin: 0;
    }
    .search .white-grid-area .product-box .pull-right, .search .white-grid-area .grid-item .pull-right {
        width: 80%;
    }
}
@media only screen and (max-width:899px){
    .merchandising .grid-item--width2 {
        width: 100%;  
        border-left:15px solid transparent;
        border-bottom:15px solid transparent;
        border-right:15px solid transparent;  
    }
    .merchandising .product-inner.product-offer-box > img {
        width: auto;
    }
    .merchandising .grid-sizer,.merchandising .grid-item {
        height: auto;
    }
    .search .white-grid-area .product-box .pull-right, .search .white-grid-area .grid-item .pull-right {
        width: 78%;
    }
}
@media only screen and (max-width:799px){
    #header .navbar-default .navbar-nav > li > a {
        padding: 15px 10px 11px;
    }
    .news-area .pull-right {
        margin-top: 10px;
    }
    .search-form {
        margin-left: 10px;
    }
    #header .dropdown-menu > li > a {
        padding: 6px 0 6px 16px;
    }
    #header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:active, #header .dropdown-menu > li > a:focus {
        background-position: 6px 50%;
    }
    .frame {
        min-height: 175px;
    }
    #slider .carousel-control > img {
        width: 25px;
    }
    .downloading-desc .pull-left {
        margin-right: 12px;
    }
    #search-area .pull-right {
        margin-top:0;
        width: 84%;
    }
    .news-area .pull-right {
        margin-top: 0px; 
    }
    .merchandising .product-inner.product-offer-box > img {
        width: auto;
    }
    .search .white-grid-area .product-box .pull-right, .search .white-grid-area .grid-item .pull-right {
        width: 76%;
    }
    .merchandising .product-inner > img.pimage {
        max-height: 189px;
    }
    #vereinsseite .filterbtns {
        margin-left: 0;
    }
}
@media only screen and (max-width:767px){
    footer {
        height: auto;
    }
    .container {
        max-width: 100%;
        padding:0;
    }
    #filter .box-area {
        padding: 0 18px;
    }
    .navbar-toggle .icon-bar {
        border-radius: 0;
        display: block;
        height: 4px;
        width: 27px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .navbar-default .navbar-toggle {
        border: none;
        /*margin: 0 20px 8px 0;*/
        /*padding:9px 0;*/
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 40px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        box-shadow:0 0 0;
    }
    .logo {
        /*left: 15px;*/
        /*margin: 0;*/
        /*top: -11px;*/
        height: 120px;
        pointer-events: none;
    }
    .logo a {
        pointer-events: all;
    }

    .close-btn {
        display: block;
        margin-bottom: 25px;
        margin-right: 20px;
        margin-top: 20px;
    }
    #header .navbar-nav > li.home-link {
        display: block;
    }
    #header .navbar-nav > li {
        border: 2px solid transparent;
        display: block;
        float: none;
        text-align: center;
    }
    .navbar-collapse {
        background: #e4ebe3 none repeat scroll 0 0;
        border-top: medium none;
        box-shadow: 0 0 0;
        left: 0;
        margin: 0 !important;
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 99;
        padding:0;
    }
    .navbar-collapse {
        left: 0;
        overflow-x: hidden;
        padding-top: 31px;
        top: -40px;
        width: 100%;
    }
    #header .navbar-nav > li{
        border: none;
    }
    #header .navbar-nav {
        padding: 15px 0 160px;
    }
    .search-form input {
        text-align: center;
        font-weight:600;
    }
    #header .navbar-default .navbar-nav > li > a {
        font-weight: 600;
        padding: 8px 10px 8px;
    }
    #header .navbar-nav > li > .dropdown-menu {
        border: medium none;
        display: block;
        height: auto;
        max-width: 100%;
        min-width: auto;
        position: inherit;
        text-align: center;
        padding:0;
        float:none;
        opacity:1;
        top:0px;
    }
    #header .navbar-nav > li:hover > .dropdown-menu {
        top:0px;
    }
    #header .navbar-nav li.dropdown:hover {
        border: none;
    }
    #header .dropdown-menu > li > a {
        font-size: 16px;
        padding: 8px 10px 8px;
        font-family: 'Open Sans', sans-serif;
        line-height:16px;
        font-weight:600;
    }
    #header .navbar-nav > li {
        border: 2px solid transparent;
        display: block;
        float: none;
        height: auto;
        text-align: center;
    }
    #header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:active, #header .dropdown-menu > li > a:focus {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    #footer
    {
        border-right:none;
        border-left:none;
        padding:20px 20px 15px;
    }
    #footer .pull-left {
        float: none !important;
        margin-bottom: 13px;
        width: 100%;
    }
    #footer .pull-right {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    #footer .pull-right .footer-social {
        margin-block: 20px;
    }

    #footer .pull-right .footer-social:nth-child(1) {
        justify-self: end;
    }

    #footer .pull-right .footer-social:nth-child(2) {
        justify-self: start;
    }

    #footer .pull-right .footer-link {
        grid-column: span 2;
        text-align: center;
    }

    .footer-logos > a {
        display: inline-block;
    }
    .carousel-inner {
        left: 0;
        width: 100%;
    }
    #slider #myCarousel .item > div:first-child {
        display: none;
    }
    #slider #myCarousel .item > div:last-child {
        display: none;
    }
    .inner-caption > h3 {
        font-size: 13px;
    }
    .inner-caption > p {
        font-size: 13px;
    }
    #slider .carousel-control > img {
        width: 20px;
    }
    .inner-caption {
        padding: 11px 12px 0;
    }
    #myCarousel .carousel-inner>.next{left:100%}
    #myCarousel .carousel-inner>.prev{left:-100%}
    #myCarousel .carousel-inner>.next.left,
    #myCarousel .carousel-inner>.prev.right{left:0}
    #myCarousel .carousel-inner>.active.left{left:-100%}
    #myCarousel .carousel-inner>.active.right{left:100%}
    #slider .carousel-caption, #banner-area .carousel-caption {
        bottom: inherit;
        padding-top: 0;
        top: inherit;
        max-width: 100%;
        position: inherit;
        left:inherit;
        right:inherit;
    }
    #banner-area .carousel-caption {
        border-width: 4px 8px;
        margin-bottom: 10px;
    }
    #banner-area .carousel-caption .inner-caption {
        position: inherit;
    }
    #myCarousel2 {
        background:#fff;
        border:none;
        bottom: inherit;
        left: inherit;
        position: inherit;
        right: inherit;
        top: inherit;
        width: 100%;
        z-index: 90;
        margin-bottom:20px;
    }
    #myCarousel2 .carousel-inner {
        position: relative;
    }
    #filter {
        margin-top: 15px;
    }
    .download-box {
        height: 360px;
    }
    .download-box img {
        max-width: 100%;
    }
    .download-box h3.bottom {
        max-width: 95%;
    }
    .download-ntm-area {
        padding: 40px 20px 20px;
    }
    .ratio, .downloading-ratio .ratio {
        float: none !important;
        margin: 0 auto 25px;
        width: 65%;
    }
    .downloading-desc .pull-left {
        margin-right: 25px;
    }
    .print .pull-left {
        width: 100%;
        float:none !important;
    }
    .print .pull-right {
        width: 100%;
        float:none !important;
    }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }
    .box-area {
        padding: 20px;
    }
    #header .navbar-nav li.dropdown.open {
        border: none;
    }
    #header .navbar-nav li.dropdown{
        border: none;
    }
    #header .navbar-nav .dropdown-toggle {
        cursor: auto;
    }
    .news-block .pull-left {
        width: auto;
    }
    .news-area .pull-right {
        float: left !important;
        width: 75%;
        padding-top:0px;
    }
    .news-block .pull-left {
        margin-right: 15px;
        width: auto;
    }
    .news-block h3 {
        font-size: 17px;
        line-height: 17px;
    }
    .news-block p {
        font-size: 14px;
        line-height: 17px;
    }
    .blog-page #filter .box-area {
        padding: 0 20px 1px;
    }
    #banner-area {
        margin: 0 20px 38px;
    }
    .search-news input[type="text"] {
        font-size: 18px;
    }
    .news-area > h3 {
        font-size: 18px;
    }
    .footer-logos > a {
    }
    .starting_ending_date {
        margin: 15px 0;
        padding-left: 15px;
    }
    .search-btn {
        padding: 2px 18px 3px;
    }
    #main #banner-area .carousel-caption {
        bottom: inherit;
        left: inherit;
    }
    .inner-caption h2 {
        font-size: 25px;
    }
    #banner-area {
        margin: 0 0 38px;
    }
    .filter-options .filterbtns {
        display: inline-block;
        vertical-align: text-top;
        width: 74%;
    }
    .filter-options.btn-group .btn {
        text-align: left;
        width: 45%;
    }
    .inner {
        margin-bottom: 20px;
        padding-bottom:20px;
    }
    .news-area {
        margin-bottom:0px;
        padding: 30px 0 10px 15px;
    }
    #banner-area.top-banner {
        margin: 0px;
    }
    #desk_logo{ display:none;}
    #mobi_logo{ display:block;}
    #header {
        height: 120px;
    }
    #header .navbar-default {
        /*padding-top: 10px;*/
        background: transparent;
        position: absolute;
        /* top: 50%; */
        /* transform: translateY(-50%); */
        /* position: fixed; */
        z-index: 100;
        height: 120px;
        pointer-events: none;
    }
    #header .navbar-default > * {
        pointer-events: all;
    }

    /*#header {padding-top: 30px;}*/
    #filter .grid{
        padding-top:7px;
    }
    .grid-sizer, .grid-item {
        width: 50%;
        height:400px;
        border-width:7px;
        /*border-top-width:7px;
        border-bottom-width:7px;
        border-left:none;*/
    }
    /*.grid-item:nth-child(2n){
            border-right:none;
    }*/
    .grid-item--height2 .product-inner img {
        height: 66%;
    }
    .vereinsseite .grid-sizer,
    .vereinsseite .grid-item {
        width:50%;
        height: auto;
    }
    .trends .grid-sizer,
    .trends .grid-item {
        width:50%;
    }
    .search .filter-options.vertical .btn {
        display: inline-block;
        width: 32.33%;
    }
    .search .filter-options .filterbtns {
        width: 100%;
    }
    .search .grid-item--width4 {
        height: 170px;
        width: 100%;
    }
    #filter .product-box .news-block h3 {
        line-height: 15px;
    }
    .einkaufsgebiete .grid-sizer,.einkaufsgebiete .grid-item {
        height: auto;
    }
    #vereinsseite .filterbtns {
        width: 100%;
    }
    #vereinsseite .filterbtns .btn {
        display: inline-block;
        margin: 0 0 10px !important;
        width: 33%;
    }
    .state > a > h3, .state > a > span,
    .einkaufsgebiete .state > a > h3 {
        font-size: 14px;
    }
    .two.state,
    .einkaufsgebiete .two.state {
        top: 50%;
    } 
    .three.state {
        right: 45.5%;
    }
    .four.state,
    .einkaufsgebiete .four.state {
        left: 46.5%;
        top: 59.5%;
    }
    .five.state,
    .einkaufsgebiete .five.state {
        top: 62.5%;
    }
    .seven.state,
    .einkaufsgebiete .seven.state {
        top: 54.5%;
    }
    .twenty.state,
    .einkaufsgebiete .twenty.state {
        left: 47.5%;
        top: 37%;
    }
    .twenty-one.state {
        top: 18%;
    }
    .twenty-two.state {
        right: 20%;
    }
    .twenty-three.state {
        bottom: 9%;
    }
    .einkaufsgebiete .one.state {
        top: 51%;
    }
    .einkaufsgebiete .three.state {
        bottom: 33.5%;
        right: 45.5%;
    }
    .einkaufsgebiete .six.state {
        left: 40%;
        top: 59%;
    }
    .einkaufsgebiete .eight.state {
        top: 50.5%;
    }
    .einkaufsgebiete .nine.state {
        left: 43%;
        top: 45%;
    }
    .einkaufsgebiete .fourteen.state {
        left: 10%;
        top: 45%;
    }
    .einkaufsgebiete .sixteen.state {
        top: 49%;
    }
    .einkaufsgebiete .seventeen.state {
        left: 22%;
        top: 39%;
    }
    .einkaufsgebiete .eighteen.state {
        top: 40%;
    }
    .einkaufsgebiete .ninteen.state {
        top: 27%;
    }
    .inner-map-area h3 select{
        display:block;
        margin-top:6px;
    }
    #map .inner-map-area .map-area,
    #map .inner-map-area .maplinks{
        display:none;
    }
    .picture-item .product-inner, .grid-item .product-inner {
        height: 323px;
    }
}
@media only screen and (max-width:639px){
    .footer-logos > a {
        display: inline-block;
        margin: 0 10px;
    }
    .news-area .pull-right {
        width: 73%;
    }
    #footer .pull-right {
        position: relative;
        right: 0;
        margin-bottom:10px;
    }
    .grid-item--height2 .product-inner img {
        height: 53%;
    }
    .grid-sizer, .grid-item {
        height: 300px;
    }
    .merchandising .product-inner.product-offer-box > img {
        width: 49%;
    }
    .search .product-box .box-content > h3, .search .grid-item .box-content > h3 {
        margin: 0 0 15px;
    }
    .search .product-box .box-content p, .search .grid-item .box-content p {
        padding: 0;
    }
    .search  .author {
        position: relative;
        right: 0;
    }
    .state > a > h3, .state > a > span, .einkaufsgebiete .state > a > h3 {
        font-size: 13px;
    }
    #footer .pull-left {
        text-align: center;
    }
    #footer .pull-right {
        text-align: center;
    }
}
@media only screen and (max-width:539px){
    .footer-logos > a {
        display: inline-block;
        margin: 0 5px;
    }
    .inner-caption > p {
        font-size: 12px;
        line-height: 15px;
    }
    .news-area .pull-right {
        width: 70%;
    }
    #footer .pull-left 
    {
        text-align: center;
    }
    .footer-logos > a {
        display: inline-block;
        margin: 10px 15px;
    }
    .einkaufsgebiete .inner-map-area ul {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .inner-map-area ul.last {
        margin-left: 0;
    }
    .filter-title {
        font-size: 15px;
    }
    .filterbtns {
        margin-left: 20px;
    }
    .col-md-3 .filter-title {
        font-size: 21px;
    }
    .col-md-3 .filter-options .btn label {
        font-size: 13px;
        vertical-align: top;
    }
    /*.inner-map-area h3 {  
       margin-bottom: 15px;
    }*/
    #footer .footer-logos {
        /*max-width: 260px;*/
        margin:0px auto;
    }
    .footer-logos > a {
        margin: 10px 10px 14px;
    }
    #footer .footer-logos a:first-child img{
        height: 100px;
        max-width: 100px;
    }
    #footer .footer-logos a:nth-child(2) img{
        width:139px;	
    }
    #footer .footer-logos a:nth-child(3) img{
        width:121px;	
    }
    #footer .footer-logos a:last-child img{
        width:140px;
    }
    #footer .pull-right {
        top: 0;
    }
    .grid-sizer, .grid-item {
        height: 350px;
    }
    /*.vereinsseite .grid-sizer,.vereinsseite .grid-item {
      height: 300px;
    }*/
    .trends .grid-sizer,.trends .grid-item {
        height: 300px;
    }
    .merchandising .product-inner.product-offer-box > img {
        width: 49%;
    }
    /*.merchandising .grid-sizer,.merchandising .grid-item {
      height: 300px;
    }*/
    .search .white-grid-area .product-box .pull-right, .search .white-grid-area .grid-item .pull-right {
        width: 73%;
    }
    .search .grid-item--width4 {
        height: auto;
    }
    #vereinsseite .filterbtns .btn {
        width: 49%;
    }
}
@media only screen and (max-width:499px){
    .grid-sizer, .grid-item {
        height: 380px;
    }
}
@media only screen and (max-width:479px){
    .ratio, .downloading-ratio .ratio {
        width: 95%;
    }
    .news-area .pull-right {
        width: 60%;
    }
    .img-area > img {
        display: block;
        width: auto;
        margin: 0 auto 15px;
    }
    .img-area > img:last-child {
        margin-right: auto;
    }
    .inner-caption h2 {
        font-size: 20px;
    }
    .map-area {
        overflow-x: auto;
        width: 100%;
        margin-bottom:15px;
    }
    /*.inner-map-area h3 {
      font-size: 18px;
      line-height: 25px;
      margin-bottom:10px;
    }*/
    .inner-map-area .pull-left {
        width: 100%;
    }
    .filter-title {
        font-size: 12px;
    }
    .filterbtns {
        margin-left: 10px;
    }
    /*.filter-options .btn label {
      font-size: 9px;
      margin-left: 4px;
    }*/
    .filter-options .filterbtns {
        margin: 5px 0 0;
        width: 100%;
    }
    #slider .carousel-control > img { 
        top: 30%;
    }
    #filter .grid {
        padding-top: 15px;
    }
    .vereinsseite .grid-sizer, .vereinsseite .grid-item {
        width: 100%;
    }
    .grid-item--height2 .product-inner img {
        height: 75%;
    }
    /*.merchandising .grid-sizer,.merchandising .grid-item {
      height: 330px;
    }*/
    .search .white-grid-area .grid-item .pull-right {
        width: 70%;
    }
    .search .grid-item .box-content p {
        padding: 0;
    }
    .search .grid-item .box-content > h3 {
        margin-bottom:15px;
    }
    .search .grid-item .box-content .author {
        position: relative;
        padding-left:15px;
    }
    /*.search .grid-item--width4 {
      height: 200px;
    }*/
    .search .filter-options.vertical .btn {
        margin: 5px 0 !important;
        width: 49.33%;
    }
    .trends .grid-sizer, .trends .grid-item {
        width: 100%;
        height: 400px;
    }
}
@media only screen and (max-width:379px){
    .ratio {
        width: 100%;
    }
    .news-area .pull-right {
        width: 50%;
    }
    .footer-logos > a {
        margin: 10px 6px;
    }
    .starting_ending_date .input-append.date {
        margin: 0 2px;
        width: 65px;
    }
    #search-area .starting_ending_date input[type="text"] {
        font-size: 13px;
    }
    .inner-map-area ul {
        float: none;
        padding: 0;
        width: 100%;
        margin: 0;
    }
    .inner-map-area h3 {
        font-size: 14px;
        line-height: 19px;
    }
    .inner-map-area span {
        font-size: 12px;
    }
    .filter-title {
        font-size: 11px;
    }
    .filter-options .filterbtns {
        width: 100%;
    }
    /*.filter-options.btn-group .btn {
      width: 49%;
    }
    .filter-options .btn label {
            font-size: 8px;
            vertical-align: text-top;
    }*/
    .filter-options.btn-group .btn {
        width: 100%;
    }
    #slider .carousel-control > img {
        top: 30%;
    }
    .grid-item--height2 .product-inner img {
        height: auto;
    }
    /*.vereinsseite .grid-sizer, .vereinsseite .grid-item {
      height: 350px;
    }*/
    .merchandising .product-inner.product-offer-box > img {
        padding: 0 15%;
        width: auto;
        float:none;
    }
    .merchandising .grid-item .product-offer-box .box-content {
        float: none;
        width: 100%;
        padding: 0 15% 10px;

    }
    /*.merchandising .grid-sizer, .merchandising .grid-item {
      height: 600px;
    }*/
    .merchandising .grid-item .product-inner.product-right-box {
        padding: 10px 15%;
        top: 42%;
        width: 100%;
        right:-100%;
    }
    .merchandising .grid-item .product-offer-box .product-right-box .box-content{
        padding: 10px;
    }
    .pull-left {
        float: none !important;
        text-align: center;
    }
    .search .white-grid-area .grid-item .pull-right {
        margin-top: 10px;
        width: 100%;
    }
    .search .grid-item--width4 {
        height: 350px;
    }
    .news-block .pull-left {
        float:left !important;
        text-align:left;
    }
    .news-area .pull-right {
    }
    .trends .grid-sizer, .trends .grid-item {
        height: 350px;
    }
    #vereinsseite .filterbtns .btn {
        width: 100%;
    }
    .state > a > h3, .state > a > span, .einkaufsgebiete .state > a > h3 {
        font-size: 11px;
    }
}
@media only screen and (max-width:320px){
    .carousel-inner {
        height: 112px;
    }
    /*.vereinsseite .grid-sizer, .vereinsseite .grid-item {
      height: 310px;
    }*/
    .search .filter-options.vertical .btn {
        width: 100%;
    }
    .search .grid-item--width4 {
        height: 400px;
    }
    .trends .grid-sizer, .trends .grid-item {
        height: 310px;
    }
    .state > a > h3, .state > a > span,
    .einkaufsgebiete .state > a > h3 {
        font-size: 10px;
    }
    .two.state {
        top: 49%;
    }
    .three.state {
        bottom: 32%;
        right: 45%;
    }
    .four.state {
        left: 46%;
        top: 58%;
    }
    .five.state {
        top: 61%;
    }
    .six.state {
        top: 58%;
    }
    .seven.state {
        top: 54%;
    }
    .nine.state {
        top: 44%;
    }
    .ten.state {
        bottom: 13%;
        left: 50%;
    }
    .eleven.state {
        bottom: 17%;
    }
    .twelve.state {
        bottom: 21%;
        left: 33%;
    }
    .thirteen.state {
        bottom: 24%;
    }
    .fourteen.state {
        top: 44%;
    }
    .fifteen.state {
        left: 34%;
    }
    .sixteen.state {
        top: 48%;
    }
    .seventeen.state {
        left: 22%;
        top: 38%;
    }
    .eighteen.state {
        left: 34%;
        top: 39%;
    }
    .twenty.state {
        top: 36%;
    }
    .twenty-one.state {
        top: 15%;
    }
    .twenty-two.state {
        right: 20%;
    }
    .twenty-three.state {
        bottom: 8%;
    }
    .einkaufsgebiete .one.state{
        top: 50%;
    }
    .einkaufsgebiete .two.state,
    .einkaufsgebiete .eight.state {
        top: 49%;
    }
    .einkaufsgebiete .three.state {
        bottom: 33%;
    }
    .einkaufsgebiete .four.state {
        top: 59%;
    }
    .einkaufsgebiete .five.state {
        top: 61%;
    }
    .einkaufsgebiete .six.state {
        top: 58%;
    }
    .einkaufsgebiete .seven.state {
        top: 53.5%;
    }
    .einkaufsgebiete .nine.state {
        left: 43%;
        top: 43%;
    }
    .einkaufsgebiete .twelve.state {
        left: 33%;
    }
    .einkaufsgebiete .fifteen.state {
        bottom: 34%;
    }
    .einkaufsgebiete .sixteen.state {
        top: 48%;
    }
    .einkaufsgebiete .seventeen.state {
        left: 22%;
        top: 38%;
    }
    .einkaufsgebiete .eighteen.state {
        top: 39%;
    }
    .einkaufsgebiete .ninteen.state {
        top: 27%;
    }
    .einkaufsgebiete .twenty.state {
        left: 47%;
        top: 36%;
    }
    .merchandising .grid-item .product-offer-box .box-content {
        padding: 10px 15%;
    }
    .merchandising .grid-item .product-inner.product-right-box {
        top: 40%;
    }
}
@media(max-width:400px){
    .safari .grid-item--width2,
    .safari .grid-item,
    .grid-sizer, .grid-item
    .grid-sizer, .grid-item {
        height: auto;
        width: 100%;
    }
}