html {
    background-color: #FEFFDF;
    color: black;
    border:0px;
}


.inhalt {
width:calc(99vw - 10px);
height:calc(100vh - 90px);
/*scrollbar-width: none;       Hide Scrollbar - Firefox etc
overflow-y: scroll;                                          */
}
                                  /* Hide Scrollbar - Opera, Edge, etc
::-webkit-scrollbar {
display: none;
}                                                                        */
                             /* https://www.delftstack.com/de/howto/css/hide-scrollbar-css/ */




body {
    color: black;
    font-size: 0.6cm;
    border: 0px;
    font-size:18px;
}


h1 {font-size:1cm; text-align:center; padding-top:40px;}

h2 {font-size:8vh; text-align:center; padding-top:30px;}

h3 {font-size:22px; text-align:center; margin:40px 0px 20px 0px;}

h4 {margin-left:20px; margin-bottom:0px;}

p {padding-top:20px; padding-left:20px;}


.menu2 {text-align:center; max-width:100vw; margin-top:10px;}
.seite {font-size:3vmin; max-width:100vw; text-align: center; font-variant:small-caps}

.kategorie {font-size:0.6cm; padding:0px; margin:0px;}
.sub {font-size:1cm; padding-top:0px; margin-top:0px;}





.center {text-align: center;}

.w90 {max-width: 90vw; align:center;}
.h90 {max-height: 90vh;}
img.wh90 {max-width: 90vw; max-height:90vh;}

.mb60 {margin-bottom:60px;}


a.menu2 {font-variant: small-caps; font-size:3vw; font-size:0.8cm; font:bold; color:darkred; text-decoration:none; margin:5px 10px; padding:2px 5px;}
a:visited.menu2 {color:darkred}
a:active.menu2 {color:darkred; border:1px solid darkred}
a:hover.menu2 {color: darkred; padding: 1px 4px; border:1px solid darkred}



.pt10 {padding-top:10px;}













/* ------ CSS Gallery NEU ------- */

.lkjgallerie{margin: 0; padding: 0;}
body{background-color: #FEFFDF;}



/*.trans
{
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        -webkit-transition: all 1s ease;
}*/

.top
{
        display: flex;
        max-width: 80vw;
        max-height: 80vh;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10vh;
}

.top ul
{
        list-style: none;
        width: 100%;
        height: 100%;
        z-index: 1;
        box-sizing: border-box;
}

.top ul li
{
        position: relative;
        float: left;
        max-width: 12vw;
        height: 250px;
        overflow: hidden;
  color:black;
  font-size: 18px;
  padding:5px;
}

.top ul li::before
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        color: white;
/*        background-color: #000;
        opacity: 0.1;       Dunkler vor Hover*/
        text-align: center;
        box-sizing: border-box;
        pointer-events: none;/*
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;*/
}

.top ul li:hover::before
{
        opacity: 0;
        background-color: rgba(0,0,0,0.90);
}

.top ul li img
{
        width: 100%;
        height: auto;
        overflow: hidden;
}

.lightbox
{
        position: fixed;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.01);
        z-index: 999;
        opacity: 0;
        pointer-events: none;
}

.lightbox img
{
        max-width: 95vw;
        max-height: 90vh;
        position: relative;
        top: -100%;
        /* Transition
        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        -webkit-transition: all 1s ease;*/
}

.lightbox:target
{
        outline: none;
        top: 0;
        opacity: 1;
        pointer-events:auto;
        /*transition: all 1.2s ease;
        -moz-transition: all 1.2s ease;
        -ms-transition: all 1.2s ease;
        -o-transition: all 1.2s ease;
        -webkit-transition: all 1.2s ease;*/
        background:#FEFFDF;
}

.lightbox:target img
{
  background:#FEFFDF;
        top: 47%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
}



a.gal {
color:black;
font: bold larger small-caps;
text-decoration: none;
margin:none 0px;
padding-top:30px;
}



h1.kategorie2 {font-size:20px; padding:0px;}
h2.sub2 {padding-top:0px; margin-top:0px; font-size: 20px;}