html {font-size:24px; scroll-behavior: smooth;}
body {
	font-family: 'Lato', sans-serif;
	background-color: #e35900;
	background-color: antiquewhite;
	margin:0;
	padding:0;
	min-width:450px;
}
#wrapper {margin-left:auto; margin-right:auto;}
.material-icons {font-size:16px;}
nav#global {background-color:black;position:sticky; top: 0;min-height:80px;z-index:1000;}
nav ul {margin:0; list-style-type: none; padding:0;display:flex;}
nav ul li {flex:1;margin-right:3px;}
nav ul li a {text-decoration: none; color: white; 
		display:block; text-align: center;
		padding:0.4rem 0; padding-top:2rem;
		transition: background-color 0.5s;
	}
nav ul li a:hover, nav ul li a:focus {background-color: #009175;}
nav ul li img {width:180px;height:auto;display:block;text-align: center; cursor:pointer;}
h1, h2, h3 {margin:0;font-weight:bolder ;}
/* header { position: sticky;  top: 50px; } */
header h1 {color:white; font-size: 3rem;text-align:center;}
header h2 {color:white;font-size: 2rem;text-align:center;font-family: 'Lato', sans-serif;}
header figure {width:100%;margin:0;position:relative;}
header figure img {width:100%;height:auto;}
header figure figcaption {position:absolute;right:1.5rem;bottom:3rem;}
section div figure {width:85%;margin:0;}
section div figure img {width:100%;height:auto;}

section {display:flex;padding:1rem;}
section div.ls {
    flex: 3;
    padding: 0.5rem 1rem;
    background-color: antiquewhite;
    border-radius: 0.5rem;
}
section div.ls h2 {border-bottom:1px dotted #666; margin-bottom:0.3rem;}
section div.rs {flex:3;padding:0.5rem 1rem;background-color:antiquewhite; border-radius:0.5rem;}

.table {display:table; border-collapse: collapse;width:100%;}
.trow {display:table-row; }
.tcell {display:table-cell;padding: 0 0.3rem; border-top: 1px solid #666;  border-bottom: 1px solid #666; }
.titel {font-weight: bold;}
.tcell a {color:#e35900; text-decoration: none;}

table {border-collapse: collapse;width:100%;}
td {padding: 0 0.3rem; border-top: 1px solid #666;  border-bottom: 1px solid #666; padding-top:3px;}
.titel {font-weight: bold;}
td a {color:#e35900; text-decoration: none;}
td img {width:80px;height:auto;}

.rs2sp {display:flex;}
.rs2sp .ls {flex:1; padding:0.5rem 1rem;}
.rs2sp .rs {flex:1;}
.rs2sp .ls figure {width:20%;}

.ls figure {position:sticky; top: 150px;}
.ls figure img {border-radius:0.5rem;}

div.rs p {text-align: left;}
div.ls div img {width:80px; height:auto;}

@media screen and (max-width:960px) {
	nav ul {display:inline-block;}
	#wrapper {min-width:480px;max-width:960px;font-size:75%;}
	li img {float:left;}
	nav ul li a {text-align: left; margin-left:200px; padding:0.17rem 0.5rem;font-size:86%; border-bottom:1px #fff dotted}
	header h1 {font-size: 2rem;}
	header figure figcaption {bottom:2.5rem;}
	header h2 {font-size: 5vw;}
}

@media screen and (min-width:961px) {
	#wrapper {min-width:960px;max-width:1280px;}
}