@media print {    
    header, 
    nav, 
    .nav-container, 
    .skip-link,    
    #abcleiste,
    footer {
        display: none !important;
    }    
    #abc-liste {
        display: block !important;
    }
    #abc-liste h1 {
        display: block !important;
        margin-top: 0;
        text-align: center;
    }    
    main, article {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body {
        font-family: "Times New Roman", serif;
        font-size: 12pt;
        color: #000;
        background: #fff;
    }    
    a:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #333;
    }    
    a[href^="#"]:after {
        content: "";
    }
} 

@media (min-width: 768px) {

    body {padding:0;}
    html {scroll-padding-top:10rem;}
    main {padding:0;}

    .fig-float-left {
	margin:0 1em 1em 0;
	float:left;
}
.fig-float-right {
	margin:0 0 1em 1em;
	float:right;
}
.header-wrapper {
    display:block;
    background:#fff;
    padding:0;
}   
header {
        padding-bottom: 0;
        margin:0 auto;
        max-width:800px;
    }	
header .site-name-title {    
    display:block;
    font-size:1.85rem;
    padding-top:1rem;
        }    
header .site-name-subtitle {
    display: block;
    text-align:center; 
	}
#menu-toggle {
        display:none;
    }
.nav-container {
    background:var(--system-very-light);
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;
    padding:0;
    margin-top:1em;
}
nav {
	padding: 0em;
    max-width:800px;
}
nav, #main-menu-list, #menu-state:checked ~ #main-menu-list {        
		display: flex;
        flex-direction: row;
        width: 100%;        
        order: 0;
        position: static; 
        top: auto;
        z-index: auto;
        line-height:2em;
        margin:0 auto;
        justify-content: center; 
		}
#main-menu-list li {
        margin-right: 3px;
        margin-bottom: 0;
        width:25%;
        text-align:center;
    }
#main-menu-list li a {
        border: var(--border-width) solid transparent; 
        padding: 0;
    }	
#main-menu-list li a:hover {   
        color: white;
		border: var(--border-width) solid var(--system-color);
    }	
.cat {    
    display: block;
}
#intro-wrapper {
    margin-top:8rem;
    margin-bottom:4rem;
}
.hide-on-mobile {
    display:block;
}
#abcnav {
    display:none;
}
.float-container {
    display:flow-root;
}
}