.lexend-<uniquifier> {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

body {
    font-family: "Lexend", sans-serif;
    background-color: #e3f9f4;
}

div{
margin: 15px;
font-size:12px;
line-height: 115%;}

div.logo{
margin: 5px;
width: 75px;
height: 51px;
float:left;
font-size:12px;
line-height: 115%;}

p{
text-align:left;
padding:5px;
margin: 0px;
}

div.titleh1{
margin: 5px;
height: 51px;
float:left;
line-height: 115%;}

div.alles{
max-width:1280px;
min-width:320px;
margin-left:auto;
margin-right:auto;
padding:0px;
}

div.login{
	float:right;
}

div.stammblatt{
float:left;
width:100%;
padding:1px;
margin: 1px;
aspect-ratio: 16 / 1;
}


div.stamm{
width:20%;
min-width:100px;
max-width:300px;
float:left;
padding:min(2%,5px);
margin: min(2%,5px);
	background:#f1fcf9;
}

@media (max-width: 720px){
div.stamm{
width:300px;
float:left;
padding:1%;
margin: 1%;
	background:#f1fcf9;
}

div.blatt{
width:98%;
float:right;
padding:1%;
margin: 1%;
}}

@media (min-width: 721px){
div.stamm{
width:18%;
float:left;
padding:1%;
margin: 1%;
	background:#f1fcf9;
}

div.blatt{
width:72%;
float:right;
padding:1%;
margin: 1%;
}}



div.astblatt{
width:740px;
float:right;
padding:0px;
margin: 10px;
}
div.astblatt2{
width:500px;
float:left;
padding:0px;
margin: 15px;
}

div.asthalf{
width:340px;
float:left;
padding:0px;
margin: 10px;
}

div.half{
width:340px;
float:right;
padding:10px;
margin: 10px;
}



div.blattsp{
width:640px;
float:right;
padding:50px;
padding-top:20px;
margin: 10px;
margin-top: 5px;
}

div.blatt2{
width:160px;
float:right;
padding:15px;
margin: 5px;
}


h1{
text-align:center;
padding:8px;
margin: 8px;
font-weight: 700;
font-size:26px;
}
h2{
text-align:center;
padding:6px;
margin: 6px;
color: #333;
font-weight: 600;
font-size:14px;
}
h3{
text-align:left;
padding:4px;
margin: 4px;
font-weight: 600;
font-size:13px;
}
h4{
text-align:center;
padding:2px;
margin: 2px;
font-weight: 400;
font-size:12px;
}

table{line-height:130%;font-size:12px;text-align:left;width:100%}

@media (max-width: 480px){
	table{line-height:110%}
}

@media (min-width: 481px){
span.max480{display:none}
}

@media (max-width: 480px){
span.min481{display:none}
}

@media (min-width: 401px){
span.max400{display:none}
}

@media (max-width: 400px){
span.min401{display:none}
}

@media (max-width: 640px){
span.min641{display:none}
}

@media (min-width: 641px){
span.max640{display:none}
}


@media (max-width: 960px){
span.min961{display:none}
}

@media (min-width: 961px){
span.max960{display:none}
}

@media (max-width: 1080px){
span.min1081{display:none}
}

@media (min-width: 1081px){
span.max1080{display:none}
}

span.Ast{display: inline}
span.NonAst{display:none}

@media (min-width: 721px) and (max-width: 960px) {
span.Ast{display:none}
span.NonAst{display:inline}
}


table.ast{line-height:115%;font-size:11px;text-align:left;max-width:100%}
table.liste{line-height:115%;font-size:12px;text-align:left;width:160px}
table.matchup{line-height:115%;font-size:12px;text-align:center;width:720px}

td{white-space: nowrap}
th{text-align:center}
th.l{text-align:left}
th.r{text-align:right}
td.p40{width:40px}
td{text-align:center}
td.p40{width:40px}
td.f{width:16px;text-align:center}
td.l{text-align:left}
td.r{text-align:right}
td.c{text-align:center}
th.l{text-align:left}
th.r{text-align:right}
th.c{text-align:center}
td.rb{text-align:right;font-weight:bold}
tr.sel{color:#FF8;font-weight:bold}
td.brline{border-bottom: 1px solid; border-right: 1px solid;}


p{text-align:center;font-weight: 300;font-size:13px;width:100%}
p.sp{text-align:justify;font-size:13px;width:100%}
p.sp2{text-align:justify;font-size:13px;width:90%}
p.Date{font-weight:bold;text-align:center;font-size:14px;width:100%}
p.datum{text-align:right;font-size:12px;color:#999}
p.explain{font-style: italic;}
p.accordionlong{padding:1px;font-size:14px;margin:1px;text-align:left}
p.accordionshort{padding:1px;font-size:14px;margin:1px;text-align:left}

a {
   text-decoration: none;
}
a:link{color:#333}
a:visited{color:#333}
a:hover {
   text-decoration: underline;border-bottom-color:#333
}


svg a:visited { fill:inherit; }

/* Style for the list container */
div.accordion {
    padding: 0px;
	float:left;
	margin:0px;
	max-width:100%
}

@media (min-width: 769px) {
    p.accordion-headerlong {
        display: none; /* Columns disappear */
    }
}
@media (max-width: 768px) {
    p.accordion-headershort {
        display: none; /* Columns disappear */
    }
}

/* Style for each main item */
div.accordion-itemc {
    padding: 2px;
	margin:1px;
	float:center;
	max-width:100%
}

div.accordion-item {
    padding: 2px;
	margin:1px;
	max-width:100%
}

div.accordion-major-itemc {
    padding: 2px;
	margin:1px;
	font-size:13px;
	font-weight: 500;
	max-width:100%;
	float:center
}

div.accordion-major-item {
    padding: 2px;
	margin:1px;
	font-size:13px;
	font-weight: 500;
	max-width:100%
}

/* Style for the clickable header */
div.accordion-header {
    padding: 0px;
    cursor: pointer;
    position: relative;
    padding: 0px;
	margin:1px;
}

/* Triangle arrow using ::before pseudo-element */
div.accordion-header::before {
    content: "▷"; /* Right-pointing triangle */
    display: inline-block;
    padding: 0px;
	margin:1px;
	font-size:14px;
    transition: transform 0.3s;
}

/* Rotate triangle when active */
div.accordion-header.active::before {
    transform: rotate(90deg); /* Down-pointing triangle */
    padding: 0px;
	font-size:14px;
	margin:1px;
}

/* Style for the hidden content */
div.accordion-content {
    display: none;
    padding: 0px;
	margin:1px;
}

.accordion-header.active + .accordion-content {
    display: block;
}