/* cmsms stylesheet: Ute Klein 2026 modified: Dienstag, 8. September 2026 14:51:08 */
body, h3 {
font-family:'Univers Next W05', sans-serif;
color:#000;
margin:0;
padding:0;
font-size:14px;
line-height:24px;
-webkit-font-smoothing:antialiased;
}

em { color: #666 }

#header {
font-family:'Univers Next W01';
letter-spacing:0.01em;
padding:60px 40px 40px 160px;
font-size:40px;
line-height:100%;
}
#header a {color:#000;}
#header span {color:#999;}

.uk-navbar { position: absolute; top: 22px; right: 22px }
.burger { min-height: auto; color: #aaa !important }

/* Statisch */
.burger { position:absolute; top: 20px; right: 20px; width:30px; height: 30px; cursor:pointer; }
.burger span { color: #aaa !important }

.fancynav { width: calc(100vw - 5px); background: white; height: 80vh; left:0; top: 30px; box-shadow: none; padding: 10px 0 0 15px }
.fancynav ul {list-style:none; margin:0; padding:0; font-family:'Univers Next W05', sans-serif; }
.fancynav ul li {display:block;}
.fancynav ul li a {display:block; padding:0 0 10px; color:#147fdb !important }
.fancynav ul li a.currentpage {color:#000;}

#mobilenav { padding-top: 35px }
#mobilenav ul {list-style:none; margin:0; padding:0; font-family:'Univers Next W05', sans-serif; }
#mobilenav ul li {display:block;}
#mobilenav ul li a {display:block; padding:0 0 10px; color:#147fdb }
#mobilenav ul li a.currentpage {color:#000;}

a {text-decoration:none; color:#147fdb;}
a:hover { text-decoration:none }


p {margin:0 0 15px;}


.aktuell-legende { text-align:right; padding: 5px 5px 30px 0 }

/* #content.arbeiten p {margin:0;} */


#menu {
position:absolute;
width:120px;
text-align:right;
}

#menu-trigger {display:none; position:absolute; top:12px; right:10px; width:25px; height:25px; padding:10px;}
#menu-trigger div {width:20px; height:1.75px; background:#ccc; margin:5px auto;}

#menu ul {list-style:none; margin:0; padding:0;}
#menu ul li {display:block;}
#menu ul li a {display:block; padding:0 0 10px; color:#147fdb}
#menu ul li a.currentpage {color:#000;}

#bilder {
margin-left:164px;
max-width:800px;
}

#content {
margin-left:144px;
max-width:600px;
padding:0 20px 40px;
}

#content img {display:block; max-width:100%;}

#content a { color:#147fdb}

#baum ul {list-style:none; margin:0; padding:0;}
#baum ul li {margin-bottom:20px;}
#baum h3 {font-weight:bold; font-size:14px; line-height:24px; padding:0; margin:0; color: #147fdb;}

#baum ul ul li { margin: 0 }

#baum .uk-accordion-default .uk-accordion-content { margin-top: 0 }
#baum .uk-accordion-title { color: black }



#content.arbeiten {max-width:800px;}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade {
    animation-name:fadeIn;
    animation-duration:1s;
}










@media screen and (min-width:640px) {
.burger { display: none }
}

@media screen and (max-width:639px) {
.desktop { display: none }

#header {padding:20px; font-size:32px;}

#menu { position:relative; display:none; width: calc(100% - 40px); text-align:left; padding:0 20px 10px; border-bottom:1px dashed #ccc;}
#menu-trigger {display:block;}

#content, #bilder {margin:0;}
#content {padding:20px;}
/* #content.arbeiten {padding:0;} */

#arbeitsnav {padding:0 20px;}
#pager {display:none;}

}


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

#header {font-size:30px;}
#menu-trigger {top:11px;}

}