@media all and (max-width: 1110px) {
div#inhalt {
   width: calc(100% - 70px);
   border: 0;
   margin-top: 0;
   margin-bottom: 0;
   }
ul {
   padding-left: 1.2em;
   }
/* div.left, div.right {
   width: 400px;
   } */
div.einzelbild img {
   width: 100%;
   }
div.bildtext {
   width: 230px;
   }

} /* Klammer der Media Queries wird zugemacht! */

@media all and (max-width: 880px) {
h1 {
   font-size: 2.2em;
   }
/* div.left, div.right {
   width: 380px;
   } */
} /* Klammer der Media Queries wird zugemacht! */

@media all and (max-width: 810px) {
h1 {
   font-size: 2.1em;
   }
} /* Klammer der Media Queries wird zugemacht! */

@media all and (max-width: 780px) {
div#inhalt {
    padding: 25px 30px;
}
h1 {
   font-size: 2em;
   }
/* div.left, div.right {
   width: 340px;
   } */
.ansicht {
   display: none;
   }
/* --- Portraitbild geht über ganze Breite --- */

div.portrait {
   margin-left: 0;
   }

div.portrait img {
    border: 1px solid #808080;
    box-shadow: 1px 5px 5px #999;
    display: inline;
    height: auto;
    width: 100%;
}


} /* Klammer der Media Queries wird zugemacht! */

@media all and (max-width: 720px) {
div#inhalt {
    padding: 20px 25px;
}
h1 {
   font-size: 1.9em;
   }
/* div.left, div.right{
   width: 300px;
   } */
p,li {
   text-align: left;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
   }
div.einzelbild p {
   font-size: 0.8em;
   line-height: 1.em;
   }

} /* Klammer der Media Queries wird zugemacht! */

@media all and (max-width: 567px) {

h1 {
   font-size: 1.8em;
   }
#dot {
   display: none;
   }
#titel2 {
   display: block;
   }
div.news {
   display: inline;
   border-bottom: 20px;
   }
div.left {
   float: none;
   margin-right: 0;
   }
div.right {
   float: none;
   margin-left: 0;
   }
div.left, div.right {
   width: 100%;
   }
div.text {
   display: inline;
   }
div.text p {
/*   margin-bottom: 2em;   */
   }
div.text:after {
   content: "";
   display: none;
   clear: none;
   }

div.einzelbild {
   margin-top: 0;
   margin-bottom: 0;
   display: inline-block;
   }

div.einzelbild img {
   margin-top: 1em;
   width: calc(100% - 2px);
   height: auto;
   }
div.bildtext {
   display: block;
   width: 100%;
   margin-bottom: 3em;
   padding-left: 0;
   }
div.bildtext h3, div.bildtext p, div.bildtext p.copyright {
   text-align: center;
   }
h3 {
   margin-top: 1em;
   }

} /* Klammer der Media Queries wird zugemacht! */