header {
	background: #ffebe6;
	display: grid;
}
nav {
	background: #fdfcf3;
}
main {
	background: #ebf5d7;
	display: block;
}
footer {
	background: #e6f2f7;
}
body {
    font-family: Arial, Helvetica, sans-serif;font-size: 1em;
	display: grid;
    background: url(./img/Spektrum.svg);
    background-size: 50px 50px;
}
/* ==================================================== ONOFF ==================================================== */
input[type="checkbox"]{
  display: none;/*Das unterdrückt das Häkchen!*/
}
input[type="checkbox"] + label {
  display: block;
  cursor: pointer;
  border: none;
}
input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(./img/aus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
input[type="checkbox"]:checked + label:before {
  background-image: url(./img/an.svg);
  background-size: contain;
}
/* ==================================================== SG ==================================================== */
h1{font-size:2em;color: cornflowerblue;}
a{display:inline-block;}
button {
    font-family: Arial, Helvetica, sans-serif;font-size: 1em;
    height: 1.5em;
    width: 2.5em;
    display:inline-block;
    cursor: pointer;
}
.inlinebuttons{
    background-repeat: no-repeat;
    background-size: contain;
    background-color:  #ffffff;
    vertical-align: bottom;
    cursor: pointer;
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    border:0px;
}
.longbuttons{
    background-color: lightgreen;
    vertical-align: bottom;
    cursor: pointer;
    height: 2.0em;
    width: 10em;
    border:2px;
    display: block;
}
.DetailEbene0{
    font-size:1.3em;
    color: royalblue;
}

.flexContainer {
    display: flex;
}

.inputField {
    flex: 1;
}
summary{
    font-size:large
    font-weight: bold;
}
table{
    table-layout: auto;
    background-color:  #e5e8e8;
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 100px 50px;
    padding-bottom: 15px;
}
caption{
    caption-side: left;
}

th{
    text-align: left;
    padding: 6px;
}
td{
    font-size: 0.8em;
    border: 1px solid black;
    background-color:  #e5e8e8;
    padding: 6px;
}
input{
    border: 2px solid black;
    border-collapse: collapse;/* ==================================================== SG ==================================================== */
    width: 8em;
}
select{
    border: 2px solid black;
    background-color: white;
    border-collapse: collapse;
}
/*******TABLLENDESIGN********/
table.standardtable > thead > tr > th {padding-left: 0.5em; padding-right: 0.5em; }
table.standardtable > tbody > tr > td {padding-left: 0.5em; padding-right: 0.5em;}

table.standardtable > thead > tr > th {background: aliceblue; white-space:nowrap; top: 0;}
table.standardtable > thead > tr > th, table.standardtable > tbody > tr > td {text-align: left; box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,.5);}

.subtable{background-color:  #aaffaa;text-align: left;}
table.subtable > tbody > tr > th {text-align: left; padding-left: 0.5em; padding-right: 0.5em; }
table.subtable > tbody > tr > td {background: lightgreen; padding-left: 0.5em; padding-right: 0.5em;}

.divnebeneinander {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
 gap: 3.5rem;
}
/* ======================================================================================================== */
textarea
{
  border:1px solid #999999;
  width:100%;
  margin:5px -5px;
  padding:3px;
}
/* ==================================================== PLOT ==================================================== */
.plotarea {	background-color: #ffffff;	margin: 0;    height: 300px;    width: 100%;}
.title{font-size: 18pt; color: grey; }
.subtitle{font-size: 12pt; color: grey; }
.titlesize{font-size: 18pt;}
.huge{font-size: 32pt;}
.large{font-size: 16pt;}
.normalsize{font-size: 12pt;}
.small{font-size: 10pt;}
.grey{color: grey;}
.markgrey{color: #606060;background-color: #f0f0f0;  vertical-align:bottom;  text-align:center;}
.f{font-family: helvetica;}
.b{font-weight: bold;}
.c{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.g{background-color: #f0f0f0;}
.w{background-color: #ffffff;}
.b0{border:0px;}
.w100{width:100%;}
.w90{width:90%;}
.w85{width:85%;}
.w80{width:80%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w25{width:25%;}
.w20{width:20%;}
.w15{width:15%;}
.w10{width:10%;}
.W100{width:100em;}
.W90{width:90em;}
.W85{width:85em;}
.W80{width:80em;}
.W70{width:70em;}
.W65{width:65em;}
.W60{width:60em;}
.Ẃ50{width:50em;}
.W40{width:40em;}
.W30{width:30em;}
.W25{width:25em;}
.W20{width:20em;}
.W15{width:15em;}
.W10{width:10em;}
.W5{width:5em;}