html {height:100%;}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://maria-perlt.de/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://maria-perlt.de/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://maria-perlt.de/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://maria-perlt.de/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://maria-perlt.de/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://maria-perlt.de//fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
        margin: 0; padding: 0;
        height:100%;
        width:400px;
        background: #fff ;
        color:#231508
}

.container {
        max-width: 400px;

    margin: 0 auto;
        background: transparent  url(img/bg30.png);
        position:absolute; left: 0; z-index: 20;


}

.contentbox {width: 62%; float:left; }
.contentbox .inner {margin: 5px 2% 5px 2%;}
.contentbox .inner p img {max-width:100%; height: auto ! important;}

.contentboxwide {width: 400px; margin: 0;  padding: 10px 2% 10px 5% ; background: transparent  url(img/bg50.png)  }

.mobiles_only {display: none;}
.desktops_only {display: none}

.mod_topic_commentbox {
        background: transparent;
}

================================================================================================= */

/* Smaller Screens */
@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1165px) {

}

@media screen and (max-width: 768px) {

        body { background-image: none; }


        .mobiles_only {display: none;}
        .desktops_only {display: none;}

.placeholderhead {display: none;}

        .search_box {margin-top:-30px;}
        #showlogin {display:none;}


        

     

        /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .container { width: 100%; border-left: none;        border-right: none;}

        .mainbox {margin: 0px;}
        .contentbox {width: 90%;}
 
        .footer { width: 100%; }
        .contentbox .inner {margin: 0px;  }





  

        .tp_picture  {max-width:40%;}
        .tp_picture .tp_pic {max-width:100%;}
        .container  .mod_topic_loop .tp_thumb { float: left; margin: 4px 2% 0 0; max-width:25%;}





}


/* ================================================================================================= */
/* Smaller Screens */
@media screen and (max-width: 480px) {



        #bigcontent {margin-top: 50px; }

.contentboxwide {width: 95% ! important; margin: 10px 2.5% 20px;  padding: 50px 1% 50px 1%; }
.contentboxfull {width: 99.4%; margin: 0;  padding: 30px 0.3% 30px 0.3% ; }
.footercontentbox {width: 100%; padding: 20px 0% 20px 0%;}
.contentbox .inner { margin: 15px 1% 20px 1%;}

table {
        width:100% ! important;
}

#bigcontent  {margin-top: 0px }
}