body {
  min-width: 306px;
  text-align:center;
  color: var(--text-color);
  font-size: 13px;
  font-family: ubuntu, sans-serif;
  margin: 0;
  padding: 0em;
  background: var(--body-bg-color);
  overflow-y: scroll;
  z-index: 0;
}

#leftside,
#rightside,
#container {
  float: left;
}

.box {
  margin: 1rem;
  border: 1px solid var(--thc-d1);
  background: var(--box-bg-color);
}

#feed {
  background: #DDDDDD;
  margin-top: 15px;
  border-width: 2px;
  border-color: #DDD;
  border-radius: 10px;
  border-style: solid;
}
#feed p {margin: 5px;}
#feed h1 {margin: 5px;}
#feed h2 {margin: 5px;}
#feed h3 {margin: 5px;}

.feed {
  background: var(--thc);
  margin-top: 15px;
  border-width: 1px;
  border-color: var(--thc-d1);
  border-radius: 10px;
  border-style: solid;
}
.feed p {margin: 5px;}
.feed h1 {margin: 5px;}
.feed h2 {margin: 5px;}
.feed h3 {margin: 5px;}

#container {
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  width:56.9%;
  padding: 30px;
  text-align:left;
}

.feedfixed {
  background: var(--thc);
  margin-top: 15px;
  border-width: 1px;
  border-color: var(--thc-d1);
  border-radius: 10px;
  border-style: solid;
}
.feedfixed p {margin: 5px;}
.feedfixed h1 {margin: 5px;}
.feedfixed h2 {margin: 5px;}
.feedfixed h3 {margin: 5px;}

#container a:link {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
#container a:visited {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
#container a:hover {
  color: blue;}
#container a:active {
  font-weight: bold; text-decoration: none; color: var(--thc-d2);}
  

@keyframes marquee {
  0%   { text-indent: 2500px }
  100% { text-indent: -2500px }
}

 .marquee {
  color:red;
  font-size:700px;
  margin: auto;
  overflow: hidden;
  animation: marquee 5s linear infinite;
}


#cornerro {
  margin: 5px;
  right: 5px;
  float: right;
  color: #BBBBBB;
  position: fixed;
}

#cornerlio {
  float: left;
  color: #BBBBBB;
  position: fixed;
}

.error {
  background: #ef5959;
  padding: 20px;
}

#footer {
  color: #AAAAAA;
  width: 100vw;
  float: left;
}

#footer a:link, a:active, a:visited {font-weight: bold; text-decoration: none; color: #989898;}
#footer a:hover {color: #4444ff;}



@media screen and (max-width: 1000px) {
	#container {
		width: 52.5%;
	}
}
@media screen and (max-width: 900px) {
	#container {
		width: 47%;
	}
}
@media screen and (max-width: 850px) {
	#container {
		width: 68%;
        margin-right: 0px;
	}
}
@media screen and (max-width: 770px) {
	#container {
		width: 64%;
        margin-top: 100px;
	}
}
@media screen and (max-width: 680px) {
	#container {
		width: 60%;
	}
}
@media screen and (max-width: 615px) {
	#container {
        padding: 30px;
		width: 89%;
	}
}
@media screen and (max-width: 570px) {
    #cornerro {
        position: static;
    }
    #container {
        width: 90%;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 0px;
    }
}

@media screen and (max-height: 370px) {
    #container {
        margin-top: 70px;
        width: 89%;
    }
}
@media screen and (max-height: 250px) {
    #container {
        margin-top: 0px;
    }
    #mobinav {
        margin-top: -15px;
    }
}

@media (prefers-color-scheme: dark) {
	:root {
		--thc-l2: #000 !important; /*\*/ /*box-bg*/
		--thc-l1: #111 !important; /*/*/ /*body-bg*/
		--thc:    #222 !important; /*feed-bg*/
		--thc-d1: #444 !important; /*navileiste, box-border*/
		--thc-d2: #eee !important; /*text*/

		/*Bg-Farben tauschen*/
		--body-bg-color: var(--thc-l2) !important;
		--box-bg-color: var(--thc-l1) !important;
		--titel-bg-color: var(--thc-l1) !important;
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--thc-l2: #fff !important; /*\*/ /*box-bg*/
		--thc-l1: #fff8e7 !important; /*/*/ /*body-bg*/
		--thc:    #ffda85 !important; /*feed-bg*/
		--thc-d1: #f2aa00 !important; /*navileiste, box-border*/
		--thc-d2: #000 !important; /*text*/

		/*Bg-Farben tauschen*/
		/*--body-bg-color: var(--thc-l2) !important;*/
		/*--box-bg-color: var(--thc-l1) !important;*/
		--titel-bg-color: var(--thc) !important;
	}
}

:root {
	--thc-l2: #fff; /*box-bg*/
	--thc-l1: #eee; /*body-bg*/
	--thc:    #ddd; /*feed-bg*/
	--thc-d1: #ccc; /*navileiste, box-border*/
	--thc-d2: #000; /*text*/

	--body-bg-color: var(--thc-l1);
	--box-bg-color: var(--thc-l2);
	--titel-bg-color: var(--thc-l2);
	--text-color: var(--thc-d2);
}