/* google-fonts Open Sans und Dosis einbinden */
/*@import url('https://fonts.googleapis.com/css?family=Butterfly+Kids|Roboto');  */
/*@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300&display=swap');   */


/* allgemeingültige Formate */
html, body {
    height: 100%;
    background-color:#ffffff;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    padding:  0;
    margin: 0 auto;
    font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
  }
body.lpffm {
   }

div.header  {
     width: 90%;
     position: fixed;
     background: white;
    }


div.sprache  {
     width: 100%;
     text-align: right;
     margin-top: 10px;
    }

h4 {
    font-size: 1em;
}
img.nachoben {
    height: 30px;
}

img.khlogo {
    width: 300px;
    margin-top: 20px;
   }

a.seitenwechsel {
    text-decoration: none;
}

.detailimgtable {
    width: 100%;
    border: 3px;
}
.mainimgtr {

}
.thumbimgtr {

.mainimgtd{
    width: 400;
}

}
.thumbimgtd {
   width: 100;
}

div.inhalt {
background-color:#ffffff;
width:90%;
height: 100%;
text-align: center;
margin: 0 auto;
}

/*  startfotos fuer den gesamten Bilderbereich */
div.startfotos {
margin-top: 8em;
display: inline-block;
background-color:#ffffff;
text-align: center;
width: 90%;
}

div.startfotos a{
    text-decoration: none;
    font-size: 0.9em;
}

div.startfotoslp {
margin-top: 8em;
display: inline-block;
background-color:#ffffff;
text-align: center;
width: 100%;
max-width: 800px;
}

div.startfotoslp a{
    text-decoration: none;
    font-size: 0.9em;
}

div.imgtiteltext {
    font-size: 0.9em;
}

div.sidecontent {
margin-top: 8em;
display: inline-block;
background-color:#ffffff;
text-align: left;
width: 90%;
}

/* Anordnung der Bilder auf den index Siten */
div.box1
{
float: left;
width: 40%;
}

div.box2
{
float: right;
width: 40%;
}

/* Ende allgemeingültige Formate */

@media screen and (min-width:850px) {
/*  startimg fuer die einzelnen Bilder */

img.khlogo {
     margin-left: 10%;
   }
.startimg {
    width:;
    max-height: 600px;
    border: 6px solid #ccc;
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}
.startimglp {
    width:;
    max-width: 800px;
    /*border: 0px solid #ccc;  */
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}

.soloimg {
    width: 35%;
    border: 6px solid #ccc;
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}
.solothumb {
    height: 80px;
    border: 6px solid #ccc;
    float: right;
}

}


@media screen and (max-width:844px) and (min-width:400px) {

img.khlogo {
     margin-left: 10%;
   }

/*  startimg fuer die einzelnen Bilder */
.startimg {
    width: 70%;
    border: 6px solid #ccc;
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}
.startimglp {
    width: 70%;
    /*border: 6px solid #ccc;*/
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}

.soloimg {
    width: 55%;
    border: 6px solid #ccc;
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}
.solothumb {
    height: 80px;
    border: 6px solid #ccc;
    float: right;
 }

}

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

img.khlogo {
     margin-left: 5%;
   }
/*  startimg fuer die einzelnen Bilder */
.startimg {
    width: 80%;
    border: 6px solid #ccc;
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}
.startimglp {
    width: 80%;
   /* border: 6px solid #ccc;*/
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}

.soloimg {
    width: 65%;
    border: 6px solid #ccc;
    box-shadow: 0 0 15px #aaa;
  	border-radius: 0px;
}
.solothumb {
    height: 80px;
    border: 6px solid #ccc;
    float: right;
}

}






div.footer {
background-color:#ffffff;
height:5%;
width: 100%;
min-height:50px;

margin: 0 auto;
}



img.avthumb {
    height: 80%;

}




  /*  N   A   V    I   G   A   T   I   O   N   */


 @media screen and (min-width:950px) {
.mobnav {
    display: none;
  }
.desknav {
  display: block;
  /*background:blue; */
  display: block;
  position: absolute;
  top: 20px;
  right: 10px;

}
}
.desknav a{
  color: grey;
  text-decoration: none;
  font-size: 20px;
}


@media screen and (max-width:949px) {
.mobnav {
    display: block;
    /*background-color: #000; */
    background-color: transparent;
    margin-left: 20%;
    text-align: left;
        }
.desknav {
    display: none;
}
}

.topnav {
 overflow: hidden;
 /*background-color: #000; */
 /*background: rgba(255, 0, 0, 0.0); */
  position: relative;
  top: 0;
   background-color: transparent;

 }

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: grey;
  padding: 4px 6px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}



/* Style the hamburger menu */
.topnav a.icon {
  background: ;
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
}

.topnav .navbutton  {
    width: 40px;
    margin-top: 10px;
}