.xoben{height:120px;width:100%;position:fixed;top:0;background-image: url("../bilder/banner01.jpg");background-size:100%;background-repeat:no-repeat;color:#FFFFFF;padding:12px;z-index:1;}
.banner{height:120px;width:100%;background-size:100%;background-repeat:no-repeat;color:#FFFFFF;padding:12px;z-index:10;}
#leiste{position:fixed;top:20px;z-index:15;width:100%;}
.links{width:20%;margin-left:5%;clear:both;float:left;}
.rechts{width:75%;float:left;}
.canvas{xwidth:100%;margin-top:40px;xheight:50vh;z-index:4;margin-bottom:25px;}
.canvas2{width:100%;margin-top:40px;xheight:50vh;z-index:4;margin-bottom:25px;}
.landscape{width:90%;margin-left:5%;margin-top:40px;margin-bottom:40px;}
.portrait{width:60%;margin-left:20%;margin-top:40px;margin-bottom:40px;}
.canvas2 img .protrait{width:60%;}
.canvas img{padding-left:5%;padding-right:5%;xwidth:90%;padding-top:40px;padding-bottom:40px; height:80vh;z-index:5;
position: relative;
    left: 50%;
    transform: translate(-50%, 0%);}
.foto{width:100%;}
.current{font-weight: bold;}
.entry {display: inline-block;width: 80px; text-align:center;}
.img_small{width:100%;margin-bottom:15px;}
.img_small_current{width:100%;border: 2px solid red;margin-bottom:15px;}
.inhalt{margin-top:135px;}
.person{border:1px solid #FFFFFF;background-color:#827D93;padding:5px;}
.person_mit{border:1px solid #FFFFFF;background-color:#827D93;padding:5px;color:#0000FF;}
.person_details{display:none;position:absolute;width:40eM;background-color:#FFFFDD;border:2px solid #2B2440;padding:10px;}
h1 {font-size:24px;}
h2 {font-size:18px;}
.active{background-color:#FFFFC0;border-radius: 15px;}
.dropdown a{color:#000000;}