/* Tablet */
@media only screen and (max-width: 1020px) and (min-width: 640px){
    .linke_spalte{ width: 740px; margin-left: auto; margin-right: auto;} 
    .linke_spalte_article{  width: 620px !important;  margin-left: auto; margin-right: auto;}
    .navigation_SH{display:none}
    .table_4{ flex: 0 1 calc(100%);}
    .element_3{ flex: 0 1 calc(50% - 5px);}
    .row .element_base h1{border: none; font-size: 19px; padding-left: 10px;  margin: 15px 0px 5px 0px;}
    .row .element_base h2{border: none; font-size: 18px; padding-left: 10px;  margin: 15px 0px 5px 0px;}
    .row .element_base h3{border: none; font-size: 17px; padding-left: 10px;  margin: 15px 0px 5px 0px;}

    .magazin_links{margin-right: auto; margin-left: auto; width: 100%; float: unset; height: unset;}
    .magazin_rechts{margin-right: auto; margin-left: auto; width: 100%; float: unset;  height: unset;}

    .table_12{ flex: 0 1 calc(100%);}
    .table_11{ flex: 0 1 calc(100%);}
    .table_10{ flex: 0 1 calc(100%);}
    .table_9{ flex: 0 1 calc(100%);}
    .table_8{ flex: 0 1 calc(100%);}
    .table_7{ flex: 0 1 calc(100%);}
    .table_6{ flex: 0 1 calc(100%);}
    .table_5{ flex: 0 1 calc(100%);}
    .table_4{ flex: 0 1 calc(100%);}
    .table_3{ flex: 0 1 calc(100%);}
    .table_2{ flex: 0 1 calc(100%);}
    .table_1{ flex: 0 1 calc(100%);}

    .wetterkacheln_wrapper{ justify-content: center!important;}
    .weather_shadow{ flex: 0 0 calc(100%);}
    .result_wrapper { display: flex; flex-flow: column wrap; flex: 0 0 calc(100%);}

    .ad_wrapper{display: none; }
    .ad_wrapper_mobile{  display: flex;  width: max-content; max-width: 640px; flex-flow: row wrap; justify-content: flex-start; margin: 0px 0 20px 0px; align-items: flex-start;  align-content: flex-start;}
    .ad_wrapper_mobile div{display: flex;flex-wrap: wrap; justify-content: flex-start; flex-direction: column;}
    .ad_wrapper_mobile p{font-size: 13px; color: #666; margin: 0 0 0 0;}

    .result_filter{  display: none;}
    .result_filter_mobile{  margin: 10px 0 10px 0;  display: flex;  width: 100%;}
    .result_filter_mobile label{ margin-right: 10px; color: #666; font-size: 14px;  }
    .result_filter_mobile select{  width: 200px;  box-sizing: content-box; padding: 10px 10px; border-radius: 3px;  font-size: 14px;   color: #04859D;}
    .result_filter_mobile option{  padding: 10px;  font-size: 17px;  margin: 10px;  color: #04859D; }

    .linke_spalte {
        /* width: 740px; */
        width: 100%;
        padding: 0!important;
        margin-left: auto;
        margin-right: auto;
    }


    .result_element_wrapper {
        margin-bottom: 25px;
        width: 100%;
        flex: 0 0 calc(100%0);
        display: flex;
        flex-wrap: wrap;
    }

    #search .search_categories {
        display: none;
        border-radius: 0 !important;
        background: #fff;
        background: -moz-linear-gradient(top, #ffffff 0%, #c2e5ec 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c2e5ec));
        background: -webkit-linear-gradient(top, #ffffff 0%,#c2e5ec 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#c2e5ec 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#c2e5ec 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#c2e5ec 100%);
        cursor: pointer;
    }
}

@media (max-width: 639px){
    .navigation_SH{display:none}
    .linke_spalte{ margin-left: auto; margin-right: auto; width: 80%;}
    .weather_shadow{ flex: 0 0 calc(100%); }
    .weather_content{display: flex; flex-wrap: wrap  ;}
    .webcam_ag_wrap{ flex: 0 0 calc(100%);}
    .weather_content_wrap{flex-wrap: wrap;}
    .weather_left_wrap{width: 100%;}
    .wetterkacheln_wrapper{justify-content: center!important;}
    .linke_spalte_article{ width: 330px !important; margin-left: auto; margin-right: auto;}

    .element_12{ flex: 0 0 calc(100%);}
    .element_11{ flex: 0 0 calc(100%);}
    .element_10{ flex: 0 0 calc(100%);}
    .element_9{ flex: 0 0 calc(100%);}
    .element_8{ flex: 0 0 calc(100%);}
    .element_7{ flex: 0 0 calc(100%);}
    .element_6{ flex: 0 0 calc(100%);}
    .element_5{ flex: 0 0 calc(100%);}
    .element_4{ flex: 0 0 calc(100%);}
    .article_wrap .element_4{ flex: 0 0 calc(100%)!important; width: unset !important;}
    .article_wrap{display: flex; flex-wrap: wrap;flex-flow: row wrap; height: unset; background-color: #ffffff; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; max-width: 800px !important; justify-content: space-between;}
    .element_3{ flex: 0 0 calc(100%);}
    .element_2{ flex: 0 0 calc(100%);}
    .element_1{ flex: 0 0 calc(100%);}

    .table_12{ flex: 0 0 calc(100%);}
    .table_11{ flex: 0 0 calc(100%);}
    .table_10{ flex: 0 0 calc(100%);}
    .table_9{ flex: 0 0 calc(100%);}
    .table_8{ flex: 0 0 calc(100%);}
    .table_7{ flex: 0 0 calc(100%);}
    .table_6{ flex: 0 0 calc(100%);}
    .table_5{ flex: 0 0 calc(100%);}
    .table_4{ flex: 0 0 calc(100%);}
    .table_3{ flex: 0 0 calc(100%);}
    .table_2{ flex: 0 0 calc(100%);}
    .table_1{ flex: 0 0s calc(100%);}

    .row .element_base h1{border: none; font-size: 19px; padding-left: 10px;  margin: 15px 0px 5px 0px;}
    .row .element_base h2{border: none; font-size: 18px; padding-left: 10px;  margin: 15px 0px 5px 0px;}
    .row .element_base h3{border: none; font-size: 17px; padding-left: 10px;  margin: 15px 0px 5px 0px;}

    .element_base .liste_vertical li { font-size: 14px;  display: block;  padding: 10px 5px 10px 5px;}
    .magazin_links{margin-right: auto; margin-left: auto; width: 100%; float: unset;  height: unset;}
    .magazin_rechts{margin-right: auto; margin-left: auto; width: 100%; float: unset; height: unset;}

    .ad_wrapper{  display: none;  }
    .result_wrapper {  display: flex;  flex-flow: column wrap;  flex: 0 0 calc(100%);}
    .result_accom_pic {  width: 100%;  display: none;}
    .result_accom {  width: 100%;  display: flex;  flex-wrap: wrap;   margin-left: 5px;}
    .ad_wrapper_mobile{ display: flex;  width: max-content; max-width: 320px; flex-flow: row wrap;  justify-content: center;   margin: 0px 0 20px 0px;   align-items: flex-start;  align-content: flex-start;}
    .ad_wrapper_mobile div{ display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column;}
    .ad_wrapper_mobile p{font-size: 13px; color: #666; margin: 0 0 0 0;}
    .result_filter{   display: none;}
    .result_filter_mobile{ margin: 10px 0 10px 0; display: flex; width: 100%;}
    .result_filter_mobile label{ margin-right: 10px; color: #666; font-size: 14px; }
    .result_filter_mobile select{  width: 200px;  box-sizing: content-box; padding: 10px 10px;  border-radius: 3px;  font-size: 14px;  color: #04859D;}
    .result_filter_mobile option{  padding: 10px; font-size: 17px; margin: 10px;  color: #04859D;}

    .linke_spalte {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 0!important;
    }

    .result_element_wrapper {
        margin-bottom: 25px;
        flex: 0 0 calc(100%0);
        display: flex;
        /* padding: 5px 10px 5px 10px; */
        flex-wrap: wrap;
        width: 300px;
    }

    #search .search_categories {
        display: none;
        border-radius: 0 !important;
        background: #fff;
        background: -moz-linear-gradient(top, #ffffff 0%, #c2e5ec 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c2e5ec));
        background: -webkit-linear-gradient(top, #ffffff 0%,#c2e5ec 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#c2e5ec 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#c2e5ec 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#c2e5ec 100%);
        cursor: pointer;
    }    
}