@charset "UTF-8";
/*ALLE DATEIEN*/
@media only screen and (orientation: landscape) {
body {
    background-color:#fff;
    }
}
html{
font-size:100%;
}
body{
color:#333;
background:#fff;
font-size:0.9em;
cursor:default;
overflow:scroll;
}
/*HEADER*/
#kopf{
position:fixed;
font-family:"NTR", Arial, sans-serif;
top:0em;
left:0em;
width:100%;
height:8%;
z-index: 3;
}
#menue_rechts{
position:fixed;
top:2%;
right:5%;
width:auto;
height:3%;
font-size:3vmin;
}
#navDemo{
position:fixed;
top:7%;
left:5%;
width:90%;
height:92%; 
display:block;
background:#fff;
overflow:hidden;
font-size:5.5vmin;
text-align: center;
z-index:1;
}
#logo_links{
position:fixed;
top:2%;
left:5%;
height:3%;
width:auto;
font-size:3vmin;
font-weight: bold;
}
#no_java{
position:fixed;
top:2%;
left:25%;
height:3%;
width:50%;
font-size:2.5vmin;
font-weight: bold;
text-align: center;
color: #a83232;
}
/*SEITENINHALT*/
#textinhalte{
position: absolute;
font-family: 'Lato', sans-serif;
font-size: 0.75em;
line-height: 1.2em;
top: 10%;
left: 5%;
width: 90%;
height: 84%;
overflow: scroll;
z-index: 1;
}
.textinhalte p{
display: block;
margin:0.5em 0;
}
.textinhalte em{
font-family:"NTR", Arial, sans-serif;
font-size: 1.1em;
font-style: normal;
}
.newsbild{
display: block;
width: 80%;
/*margin: 0 auto;*/
margin: 0 0 0 0;
padding: 2% 0 0 0;
}
@media (max-width:600px){
  .newsbild{
    width:100%;
  }
}
#bildinhalt{
position:fixed;
font-family:"NTR", Arial, sans-serif;
top:13%;
left:5%;
width:90%;
height:86%; 
display:block;
background:#fff;
overflow:hidden;
z-index: 2;
}
.hochformat{
position: absolute;
height: 100%;
width: 100%;
max-width: 1200px;
margin: auto;
left:0em;
top: 1%;
}
.querformat{
position: absolute;
height: 85%;
width: 100%;
max-width: 1000px;
margin: auto;
left:0em;
top: 1%;
}
img.img-fit{
max-height: 90%;
max-width: 100%;
object-fit: contain;
height:90%;
width:100%;
padding-top: 5%;
}
.bildtitel{
position:absolute;
top: 95%;
left: 0em;
width: 100%;
height: 1em;
background-color: transparent;
font-size:2vmin;
text-align: center;
display: inline-block;
z-index: 3;
}
.pastbildtitel{
position:relative;
/*top: 1%;*/
right: 20%;
width: 100%;
/*line-height: 0.8em;*/
background-color: transparent;
font-family: 'Lato', sans-serif;
font-size: 0.6em;
text-align: right;
display: inline-block;
z-index: 3;
}
@media (max-width:600px){
  .pastbildtitel{
    right:0em;
  }
}
.bildmenue{
position: absolute;
left:0em;
margin-top: 1%;
height: 2em;
width:100%;
background-color: white;
}
.knopf{
/*background-color:#333;
color:#fff; */
display:inline-block;
padding-left:8px;
padding-right:8px;
text-align:center;
border:1px solid #555!important;
background-color:transparent!important;
}
/*FOOTER*/
.footer{
position:fixed;
top:96%;
right:5%;
width:auto;
height:3%;
font-family:"NTR", Arial, sans-serif;
font-size:2vmin;
z-index: 5;
}
.insta{
position:fixed;
top:96%;
left:5%;
width:auto;
height:3%;
z-index: 5;
/*ALLE*/
}
img{
border:0;
}
ul{
list-style-type:none;
}
.impressum ul{
list-style-type:circle;
}
a{
outline:none;
}
a:link{
color:#555;
text-decoration:none;
}
a:visited{
color:#555;
text-decoration:none;
}
a:hover{
color:#111;
}


/*WORK*/

.row_1:after {
  content: "";
  display: table;
  clear: both;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 10;
 /* top:13%;
  left:5%;
  width:90%;
  height:86%; */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff; 
  font-family:"NTR", Arial, sans-serif;
}

/* Modal Content */
.modal-content {
  /*position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px; */


position: absolute;
height: 90%;
width: 100%;
max-width: 1200px;
margin: auto;
left:0em;
top: 1%;
background-color: #fff;
}

/* The Close Button */
.richtung,
.close {
 color: #555;
  /* position: absolute;
  top: 10px;
  right: 25px;
  font-size: 0.75em; */
  /*font-weight: bold;*/

}
.richtung:hover,
.close:hover,
.close:focus {
  color: #111;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #555;
  /*font-weight: bold;*/
  font-size: 0.75em;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
 color: #111; 
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color:#fff;
  padding: 2px 16px;
  color: grey;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover,
.knopf:hover {
border:2px solid #111!important;
color: #111;
background-color:#111!important;
}


.test{
    margin-left: 0%;
}
.w3-col.s20{
    width: 20.85%;
}
@media (min-width:993px){
    .test{
        margin-left: 16.66666%;
        }
    }