.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: #C8C7C2;
    color: #181818;
}

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

div.logo{
margin: 0;
width: clamp(52px, 7vw, 78px);
height: clamp(35px, 4.8vw, 53px);
float:none;
flex: 0 0 auto;
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%;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap: clamp(8px, 1.6vw, 16px);
padding: clamp(4px, 0.7vw, 10px) clamp(8px, 1.2vw, 14px);
margin: 1px;
min-height: clamp(50px, 7vw, 78px);
aspect-ratio: auto;
box-sizing: border-box;
}

div.stammblatt > div {
margin: 0;
}

div.website-title {
font-size: 28px;
font-weight: 600;
line-height: 1.2;
padding-bottom: 2px;
color: #333;
margin:10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

div.stammblatt .header-left {
display:flex;
align-items:center;
gap: clamp(14px, 1.4vw, 14px);
max-width: 50%;
flex: 1 1 auto;
}

div.stammblatt .header-auth {
display:flex;
align-items:center;
justify-content:flex-end;
gap: 8px;
margin-left:auto;
max-width: 50%;
flex: 0 1 auto;
}

div.stammblatt .auth-form {
display:flex;
align-items:center;
justify-content:flex-end;
max-width:480px;
gap: 6px;
margin: 0;
}

div.stammblatt .auth-form input {
margin: 0;
padding: 6px 8px;
height: 32px;
font-size: 12px;
line-height: 1;
border: 1px solid #b7cdc8;
border-radius: 4px;
background: #fff;
box-sizing: border-box;
width: clamp(92px, 11vw, 130px);
}

div.stammblatt .auth-form button,
div.stammblatt .auth-button {
margin: 0;
padding: 6px 10px;
height: 32px;
font-size: 12px;
line-height: 1;
border: 1px solid #7f958f;
border-radius: 4px;
background: #8f9c7a;
color: #fff;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
text-decoration: none;
}

div.stammblatt .auth-user {
font-size: 13px;
font-weight: 500;
color: #2f3d39;
white-space: nowrap;
}

div.stammblatt .auth-button:hover,
div.stammblatt .auth-form button:hover {
text-decoration: none;
}

div.website-title {
font-size: 26px;
}

div.stammblatt .header-auth,
div.stammblatt .auth-form {
width: 100%;
justify-content:flex-end;
margin-left:auto;
}

div.stammblatt .auth-form input {
width: calc(50% - 38px);
min-width: 92px;
}
}

@media (min-width: 961px) {
div.stammblatt {
min-height: 72px;
gap: 16px;
}
}


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

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

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

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

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:18px;
}
h3{
text-align:center;
padding:4px;
margin: 4px;
font-weight: 600;
font-size:14px;
}
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.live-minute{color:#c00;font-weight:700}
span.live-minute-apos{color:#c00;animation:live-minute-blink 1s step-start infinite}

@keyframes live-minute-blink{
  50%{opacity:0}
}

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;
}