/* PC Laptop */
@media screen and (min-width: 1000px){
    :root {
	--nn-font-size-xss: 90%;
	--nn-font-size-xs: 105%;
        --nn-font-size-seen: 115%;
	--nn-font-size-s: 120%;
	--nn-font-size-m: 150%;
	--nn-font-size-l: 200%;
	--nn-font-size-vint: 150%;
	--nn-font-size-xl: 250%;
	--nn-width-left: 16%;
        --nn-margin-left: 0ex;
	--nn-width-top: 99%;
	--nn-width-right: 83%;
        --nn-width-right-left: 40%;
        --nn-width-right-right: 58%;
	--nn-h1-width: 80%;
	--nn-h1-margin-left: var(--nn-width-left);
        --nn-width-full: 100%;
	--nn-width-almost-top: 98.3%;
	--nn-width-h2: 95%;
	--nn-left-s: 2.7%;
	--nn-left-xs: 0%;
        --nn-top-s: 2ex;
        --nn-padding-collapsible: 0px 0px;
        --nn-padding-collapsibleone: 1px 1px;
        --nn-padding-details-collapsible: 0px 0px;
        --nn-details-collapsible-float: none;
        --nn-img-margin: 30px;
        --nn-img-width: 290px;
        --nn-ol-levelthree-margin-left: 0.4em;
        --nn-table-display: table;
        --nn-table-first-display: table-cell;
        --nn-table-second-display: table-cell;
        --nn-font-size-ol-levelthree: var(--nn-font-size-xs);
    }} /* END PC Laptop */

/* phone tablet hochkannt */
@media screen and (max-width: 999px) {
    :root {
	--nn-font-size-xss: 60%;
	--nn-font-size-xs: 140%;
        --nn-font-size-seen: 150%;
	--nn-font-size-s: 160%;
	--nn-font-size-m: 200%;
	--nn-font-size-l: 300%;
	--nn-font-size-vint: 300%;
	--nn-font-size-xl: 350%;
	--nn-width-left: 99%;
        --nn-margin-left: 2%;
	--nn-width-top: 99%;
	--nn-width-right: 99%;
        --nn-width-right-left: 98%;
        --nn-width-right-right: 98%;
	--nn-h1-width: 95%;
	--nn-h1-margin-left: 0%;
        --nn-width-full: 100%;
	--nn-width-almost-top: 98.3%;
	--nn-width-h2: 95%;
	--nn-left-s: 1.7%;
	--nn-left-xs: 0%;
        --nn-top-s: 3ex;
        --nn-padding-collapsible: 4px 8px;
        --nn-padding-collapsibleone: 1px 1px;
        --nn-padding-details-collapsible: 1px 1px;
        --nn-details-collapsible-float: left;
        --nn-img-margin: 15px;
        --nn-img-width: 90%;
        --nn-ol-levelthree-margin-left: 3em;
        --nn-table-display: block;
        --nn-table-first-display: block;
        --nn-table-second-display: block;
        --nn-font-size-ol-levelthree: var(--nn-font-size-m);
    }} /* END phone tablet hochkannt */

body {
    font-family: Sans-Serif;
    background-color: #ffffff;
    color: #000000;
}

div.top {
    margin-left: var(--nn-top-s);
    width: var(--nn-width-top);
    float: left;
}

p.vint {
    font-size: var(--nn-font-size-vint);
}

div.left {
    background-color: #eeeeee;
    margin-left: var(--nn-margin-left);
    float: left;
    width: var(--nn-width-left);
    margin-right: auto;
}

div.right {
    margin-left: auto;
    float: right;
    width: var(--nn-width-right);
    margin-right: auto;
}


p {
    padding-left: 0em;
}

summary.collapsible {
    background-color: #eeeeee;
    padding: var(--nn-padding-collapsible);
    vertical-align: left;
    text-align: left;
    margin-left: 1ex;
    font-size: var(--nn-font-size-s);
}

details.collapsible {
    background-color: #eeeeee;
    padding: var(--nn-padding-details-collapsible);
    font-size: var(--nn-font-size-xs);
    vertical-align: left;
    text-align: left;
    float: var(--nn-details-collapsible-float);
}

summary.collapsibleone {
    background-color: #eeeeee;
    padding: var(--nn-padding-collapsible);
    vertical-align: left;
    text-align: left;
    margin-left: 1.4em;
    font-size: var(--nn-font-size-xs);
}

table.descriptionTable{
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 3px;
    background-color: #ffffff;
}

h2 { 
    color: #5555ee;
    background-color: #eeeeee ;
    font-weight: bold ;
    font-style: normal ; 
    padding: 1ex;
    width: var(--nn-width-h2);
    font-size: var(--nn-font-size-l);
}




h1.newsnumber { 
    padding: 0.0em;
    margin-top: 2em;
    color: #000000;
    font-weight: bold ;
    font-style: normal ;
    background-color: #ffffff;
    font-size: var(--nn-font-size-m);
    width: var(--nn-h1-width);
}

div.copyright {
    font-size: var(--nn-font-size-xss);
    margin: 0em;
}

p.bot {
    margin-top: 10em;
    margin-left: 1em;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 5px solid black;
	border-right: 5px solid black;
	border-top: 5px solid black;
}

hr {
    margin-bottom: 5em;
    margin-left: 0em;
    width: 92%; 
    color: #ffffff;
    border-color: #ffffff;
}

ul{
   vertical-align: left;
   margin-left: 0em;
   text-align: left;
}

ul.collapsible{
    background-color: #eeeeee;
 }

li.left {
      margin-left: 0em;
}

ol.left {
      margin-left: 1em;
}

ol.levelthree {
    font-size: var(--nn-font-size-ol-levelthree);
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: var(--nn-ol-levelthree-margin-left);
    background-color: #eeeeee;
}

li{
    vertical-align: left;
    margin-left: 0em;
}

li.collapsible {
    background-color: #eeeeee;
}

li.levelthree{
    background-color: #eeeeee;
    margin-left: 1em;
}

img {
    vertical-align: middle;
    padding-right: 0em;
    margin: var(--nn-img-margin);
    width: var(--nn-img-width);
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 5px -5px 4ex #aaaaaa;	
}

p.footer {
    vertical-align: bottom;
    background-color: #ffffff;
}

img.footer1 {
    max-width: 14ex;
    max-height: 7ex;
}

img.footer2 {
    max-width: 7ex;
    max-height: 7ex;
}

object {
    background-color: #ffffff;
    frameborder: 3;
    vertical-align: middle;
    max-width: 25%;
    margin: 3em;
    padding:0;
    height:37px;
}

div.news {
    margin-bottom: 10em;
    width: var(--nn-width-full);
}

div.table {
    display: var(--nn-table-display);
    width: var(--nn-width-full);
}

div.table-first {
    vertical-align: middle;
    display: var(--nn-table-first-display);
    background-color: #ffffff;
    font-size: var(--nn-font-size-xs);
    width: var(--nn-width-right-left);
    text-align: center;
}

div.table-second {
    vertical-align: middle;
    display: var(--nn-table-first-display);
    background-color: #ffffff;
    font-size: var(--nn-font-size-m);
    width: var(--nn-width-right-right);
}

div.footer {
    font-sxize: var(--nn-font-size-xs);
    background-color: #ffffff ;
    color: #999999;
    width: var(--nn-width-h2);
    float: left;
    margin-left: 2em;
}

div.collapsableItem{
    padding: 1em 1em;
}

div.collapsablefurther{
    margin-left: 0ex;
    background-color: #ffffff ;
}

div.seen {
    background-color: #ffffff;
    margin-left: 0ex;
    font-size: var(--nn-font-size-seen);
    width: var(--nn-width-top);
    float: left;
}

h3.newsseen { 
    font-size: var(--nn-font-size-seen);
    margin-top: var(--nn-top-s);
    color: #000000 ;
    width: var(--nn-width-almost-top);
    margin-left: var(--nn-left-xs);
    float: left;
}

details.collapsiblefurther {
    background-color: #ffffff;
    font-size: var(--nn-font-size-s);
    width: var(--nn-width-almost-top);
    margin-left: 0ex;
    float: left;
    margin-bottom: 5em;
    margin-top: 0em;
}

summary.collapsiblefurther{
    background-color: #eeeeee;
    padding: 0em 0.5em;
    vertical-align: left;
    text-align: left;
    font-size: var(--nn-font-size-s);
    font-weight: bold;
    margin-left: 0em;
}

ul.collapsiblefurther{
    margin-top: 1em;
    margin-left: 1em;
}

li.collapsiblefurther{
    margin-top: 0em;
}

span.collapsible {
    background-color: #ffffff;
    display: block;
    margin-top: 5px;
}