@media (min-width: 800px) {

html body {position: relative;background: #383838 url(../images/body.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
}
@media (max-width: 800px) {

 body header {background-color: blue;}
}
@media (min-width: 955px) {
    .hamb{ display: none;}
    .accordion .mobilmenu { display: none;}
}

@media ( max-width:1195px) {

    .telo .telo1 {padding:0 5px;}
    .telo1-right .reklslide {display: none;}
}
@media (max-width: 1098px){
.scroll {visibility: visible!important;}
.scroll::-webkit-scrollbar {height: 2px;}
}
@media ( max-width:990px) {
    .telo2 .rigtblock {display: none;}
}
@media (max-width: 954px) {
    .menu { display: none;}
    .accordion .mobilmenu {display: flex;}
    .accordion .mobilmenu .navi {display: flex; flex-wrap: wrap;width: 100%;}
    .nav { max-height:0; transition: max-height 0.5s ease-out; }
    .nav { width: 100%;height: 100%;position: fixed;background-color: #a2bac7;overflow: auto;top: 150px;position: fixed;z-index: 3;}
    .accordion__item {margin-bottom: 0.5rem; border-radius: 0.25rem;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 15%); }
    .accordion__header {display: flex;justify-content: space-between;align-items: center;padding: 0.75rem 1rem;color: #fff;font-weight: 500;background-color: grey; border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem; cursor: pointer;transition: background-color 0.2s ease-out;}
          
    .accordion__header::after { flex-shrink: 0;width: 1.25rem;  height: 1.25rem;margin-left: auto;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            background-repeat: no-repeat; background-size: 1.25rem; content: "";transition: transform 0.2s ease-out; }
    .accordion__header li  {list-style: none;}
    .accordion__header li a span {color: #fff;}
    .accordion__item_show .accordion__header::after,.accordion__item_slidedown .accordion__header::after {transform: rotate(-180deg);}
    .accordion__header:hover { background-color: rgb(43, 42, 42); }
    .accordion__item:not(.accordion__item_show) .accordion__header { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
    .accordion__content {display: flex;flex-direction: column; background: #fff;border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
    .accordion__content a {position: relative; display: block;padding: 0.5rem 1rem;color: #212529;text-decoration: none;background-color: #504a4a;border: 1px solid rgb(0 0 0 / 12.5%); }
    .accordion__content a:last-child {border-bottom-right-radius: inherit;border-bottom-left-radius: inherit;}
    .accordion__content a:hover {background-color: #f8f9fa;}
   .accordion__item:not(.accordion__item_show) .accordion__body {    display: none;}
    .noaccordion {justify-content: space-between;align-items: center;padding: 0.75rem 1rem; color: #fff; font-weight: 500; background-color: grey;border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem; cursor: pointer;transition: background-color 0.2s ease-out; list-style: none;width: 100%;}
    .noaccordion  a span {color: #fff;}
    .noaccordion  a {display: flex;}

}

@media ( max-width:900px) {
    .all .allcard {width: 49%;}
}
@media ( max-width:820px) {
  
   .nodisplay {display: none;}
   button .nodisplay {display: none;}
   #header .loginpanel .login_register {border-radius: 50%; width: 50px;height: 50px;}
   #header  .loginpanel {justify-content: flex-end;}
   #header .loginpanel button {width: 50px;height: 50px;border-radius: 50%;}
   #header .loginpanel button span {font-size: larger;}
   #header .login_register span {font-size: 30px;}
}
@media ( max-width:640px) {
    .all .allcard {width: 100%;}
}

@media ( max-width:540px) {
    
    .telo .speedbar {display: none;}
    .background .full-article h1 {font-size: 16px;}
    .telo .background  h1 {font-size: 16px;}
    .background .full-article h2 {font-size: 14px;}
    
}
@media ( max-width:500px) {
#header .logo {min-width: 73px;max-width: 73px;}
}
@media (max-width: 450px){
    .short figure picture img {width: 135px;}
    }
@media (max-width: 425px){
.short .post-content {font-size: 12px;}
}
@media (max-width: 380px){
    .short figure picture img {width: 100px;}
    }