@media only screen and (max-width: 1440px) {
#section2{max-width:95%;}
}

@media screen and (max-width:980px){
    input[type=checkbox]:checked ~ #horizontal_menu {
    display: block;
}
#header2 {padding: 0px 0px;position:fixed;top:0;border-bottom: 4px solid #c00;z-index: 9;}
#section2 {padding: 0px;height: 40px;z-index: 9;}
#pagewrap{
width: 100%;
padding:1% 1% 1% 1%
}
label {
    float: right;
    padding: 0px 0px 0px 0px;
    height: 52px;
    display: block;
    cursor: pointer;
}
input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background: none;
}
#horizontal_menu{display:none; position:absolute; right:0px; top:53px; background-color:#002e5b; padding:0px; z-index:99;}
#horizontal_menu ul li a{text-align:left}
#horizontal_menu ul{width:auto;margin: 0.5em; line-height: 1.0;}
#horizontal_menu ul li{float:none; padding:0px; width:100%; display:table;}
#horizontal_menu ul li a{color:#fff; font-size:15px; padding:10px 20px; display:block; border-bottom: 1px solid rgba(225,225,225,0.1);}
#content{width:60%;padding:3% 4%}
#sidebar{width:30%}
#sidebar .widget{padding:8% 7%;margin-bottom:1%;}
#sidebar a{line-height:3.5}
#footer a{line-height:3.5}
img.jg_icon{max-width:45px;max-height:45px}
.buttons_below_image{font:italic .9em/90% Arial, Sans-serif;line-height:110%}
#content {
    padding: 50px 10px;
}

.logo {
    padding: 12px 0px 0px 0px;
}

div.gallery, .sectiontableentry1 {
    width: 97%;
}

img {
    max-width: 97%;
    height: auto;
}

.small_thumb_for_mobile {
   display: none;
}

.logo_lang {
    display:inline-block;
    float:left;
    line-height:0.3;
    margin: 0.7% 0;
}

.project_by {
    position:relativ;
    font-size:0.64em;
    text-align:right;
    line-height:0.4;color:#000;
}

}


@media screen and (max-width:650px){
    
element.style {
}

#sidebar a {
    line-height: 0.1;
}

#footer a {
   line-height: 0.1;
}

#content {
    width: auto;
    float: none;
}
.breadcrumb, .links_728_15 {
    display: none;
}
.banner_728_90 {
    display: none;
    max-width: 100%!important;
    overflow: hidden;
}
.banner_728_90_2 {
    display: block;
    max-width: 100%!important;
    overflow: hidden;
}

.banner_728_90_3 {
    display: block;
    max-width: 90%;
    height: 60px!important;
    margin: 8px auto;
    overflow: hidden;
    background-color: yellow;
}

#sidebar .widget {
    padding: 3% 4%;
    margin: 0 0 10px;
}
#sidebar {
    width: 99%;
    margin: 1% 0 1%;
    float: none;
}

element.style {
}

.buttons_below_image {
    font: bold .8em/80% Arial, Sans-serif;
    line-height: 110%;
    max-width: 100%;
    margin: 0 auto;
}

.jg_element_gal, .jg_element_gal_r {
    text-align:center!important;
    float: none!important;
    width: 100%!important;    
}

.jg_photo_container_l, .jg_subcatelem_photo_l {
    float: none!important;
    margin: 3% auto 0.5% !important;
}

.jg_element_gal img {
    margin: 5% auto !important;
}


element.style {
}
.jg_element_cat {
    /* text-align: left; */
}

.jg_element_cat {
    width: 100%!important;
}

.jg_element_cat img {
    margin: 5% auto !important;
}

.jg_element_gal{
    height: 433.1px;
}

.jg_catelem_photo {
    float: none!important;
}


.jg_subcatelem_cat, .jg_subcatelem_cat_r {
    width: 100%!important;
    float: none;
}

img.jg_photo, .jg_minis a img {
    background-color: #fff;
    background-image: none;
    text-align: center !important;
    border-color: #EDEDED !important;
    border-style: dashed !important;
    border-width: 2px !important;
    padding: 10px 6px 4px 6px !important;
    margin: 0px 0px 16px 0px !important;
    -moz-border-radius-topleft: 4px !important;
    -moz-border-radius-topright: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -webkit-border-bottom-left-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    box-shadow: 0px 0px 1px 1px #ededed !important;
}

}

@media screen and (max-width:560px){
#pagewrap {
    width: 100%;
    box-shadow: 0 0 0 rgba(0,0,0,.3);
    padding: 0;
    margin: 0 auto;
    border-radius: 0;
    background: #fff;
}
#content {
    width: auto;
    float: none;
    margin: 0px 0;
}
.banner_728_90 {
    display: none;
    max-width: 90%;
    height: 60px;
    margin: 8px auto;
    overflow: hidden;
    background-color: red;
}
.banner_728_90_2 {
    display: block;
    max-width: 90%;
    height: 60px;
    margin: 8px auto;
    overflow: hidden;
    background-color: yellow;
}

.banner_728_90_3 {
    display: block;
    max-width: 90%;
    height: 60px!important;
    margin: 8px auto;
    overflow: hidden;
    background-color: yellow;
}

.span_1_of_3, .span_2_of_3, .span_3_of_3 {
    width: 99%!important;
}

.big_black_button a, .big_red_button a, .big_yellow_button a {
    margin: 1.6% 0 1.6% 0;
}

.opan_1_of_3, .opan_2_of_3, .opan_3_of_3 {
    width: 99%;
}

.colx {
    margin: 2% 0 2% 0;
}

.jg_detailnaviprev, .jg_detailnavinext {
    font-size: 15px;
}

.ad_block_details_XXX, div.Werbeblock_Detailansicht {
display:none;
}

.only_for_mobile {
   display: inline;
}

.only_for_desktop {
   display: none!important;
}

#suchfeld {
    /* width: 480px; */
    margin: 0px 0px 0px 0px;
}

.gsst_a {padding: 0px 0px 0px 0px!important;}

}

}

@media screen and (max-width:405px){

img.jg_photo, .jg_minis a img {
    background-color: #fff;
    background-image: none;
    text-align: center !important;
    border-color: #EDEDED !important;
    border-style: dashed !important;
    border-width: 2px !important;
    padding: 10px 6px 4px 6px !important;
    margin: 0px 0px 16px 0px !important;
    -moz-border-radius-topleft: 4px !important;
    -moz-border-radius-topright: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -webkit-border-bottom-left-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    box-shadow: 0px 0px 1px 1px #ededed !important;

}

h1 {
    font: bold 1.3em Arial,sans-serif;
}

}

@media screen and (max-width:360px){

h1 {
    line-height: 1.2em;
}

.welcome_header {

margin-top: 0px; margin-bottom: 16px;

}

.clearfix {
    width:100%;
}

.gallery {
    margin:-10px auto;
    padding:0px;
}

.obvertka_mobile {
    height:540px;
    margin: 26px 0px 0px 0px;
}

.jg_imgtitle, .jg_photo_title {
/*    background: #ffba00; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1.3em;
    height: 66px;
    margin:0px auto;
    padding:0px!important;
}

.jg_dtl_photo {
    display: flex;
    justify-content: center;
    align-items: center;
    height:270px!important;
}

img.jg_photo_own {
   display:none;
/* height:250px;
   width:auto;
   margin:0px auto;
   padding:0px; */
}

.small_thumb_for_mobile {
   display: flex;
   margin:0px auto;
   padding:0px;
   justify-content: space-around;
}

img.small_thumb_for_mobile {
   width:210px;
   height:auto;
}

figcaption{
 /*   background: #ffba00; */
    height: 29px;
    margin: 0px auto!important;
}
.share-buttons{
  /*  background: #ffba00; */
    height: 38px;
}

.colx {
    margin: 5px auto;
}

div.buttons_below_image {
  height: 238px; 
/*display:none;*/
}

/*.jg_details, .jg_gallerystats {
  display:none;
}*/

div.jg_detailnavi, .jg_iconbar {
  /*  background: #ffba00; */
    height:82px!important;
}

.jg_detailnaviprev, .jg_detailnavinext {
    height: 80px;
}

.jg_detailnaviprev, .jg_detailnavinext {
    font-size: 0.78em;
}

.jg_details, div.jg_photo_left, .big_black_button {
    font-size: 0.93em;
}

.banner_bildersuche_responsive {
max-height:90px!important;
}

.logo_lang {
   display:inline-block;
   float:left;
   line-height:0.8;
   margin: 0.7% 0;
}

.project_by {
    position:relativ;
    font-size:0.60em;
    text-align:right;
    line-height:1.3;
    color:#8b8a8a;
    padding:0px 3px 0px 0px;
}


}
