/* ============================== */
/* === Powered by locomputing === */
/* ============================== */



#aid {
white-space: nowrap;
}

.linetxt {
word-break: break-all;	
word-break: break-word;
}


*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html, body {
height: 99.5%;
margin: 0;
padding: 0;
background-color: gold;
}
body { 
overflow-x: hidden; 
overflow-x: none; 
}


html,body {
scroll-behavior: smooth;
scrollbar-color:white black;
scrollbar-width: 10px;
scrollbar-highlight-color:black;
scrollbar-face-color: white;
scrollbar-arrow-color:white;
}


#error {
font-size: 65%;
background: transparent;
}

.center {
text-align: center;
}
.empti {
text-align: center;
font-size: 75%;
padding: .35em 0;
}

@media screen and (min-width: 17em) {
body {
font-size: calc(1.2em + ((1.2vw - 0.1em) * 2));
}
}
@media screen and (min-width: 60em) {
body {
font-size: calc(.9em + ((.9vw - 0.1em) * 2));
}
}
@media screen and (max-width: 17em) {
html, body {
display: none;
}
}

@media screen and (min-width: 60em) {
#main {
display: grid;
grid-template-columns: repeat(100, 1fr);
}
aside {
grid-column: 1 / 22;
grid-row: 2;
}
article {
grid-column: 22 / 101;
grid-row: 2;  
}
#main {
border-inline: calc(.175em + ((.175vw - 0.1em) * 1)) solid gold;
}
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Nach Oben */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



a.zutopl {
    background-image: url('./svgs/totop.svg');
    background-position: 0em -.5em; 
    background-repeat: no-repeat;
    padding: 1.5em;
	background-size: 1.5em;
	opacity: 1;
	border: 1px solid black;
}
a.zutopr {
    background-image: url('./svgs/totop.svg');
    background-position: 0em -.5em; 
    background-repeat: no-repeat;
    padding: 1.5em;
	background-size: 1.5em;
	opacity: 1;
	border: 1px solid black;
}

a.zutopl:hover {
    opacity: 1;
}
a.zutopr:hover {
    opacity: 1;
}


a.totopl {
    background-image: url('../svgs/toppi.svg');
    background-position: -.20em .5em; 
    background-repeat: no-repeat;
    padding: .5em;
	background-size: 1em;
	opacity: .3;
}
a.totopr {
    background-image: url('../svgs/toppi.svg');
    background-position: .2em .5em; 
    background-repeat: no-repeat;
    padding: .5em;
	background-size: 1em;
	opacity: .3;
}
a.totopl:hover {
    opacity: 1;
}
a.totopr:hover {
    opacity: 1;
}

.artifot {
position:fixed;
display: grid;
grid-template-columns: repeat(100, 1fr);
width: 100%;
left: 0em;
bottom: 1em;
z-index: 9999999;
}

.artli {
grid-column: 1;
grid-row:    1;
text-align: left;
}

.non {
display: none;
}

.artire {
grid-column: 100/101;
grid-row:    1;
text-align: right;
}

main {
min-height: 100vh;
border: calc(.3em + ((.3vw - 0.1em) * 1)) solid gold;
background: white;
}

#main:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: calc(.25em + ((.25vw - 0.1em) * 1)) solid gray;
}

@media screen and (min-width: 60em) {
#main:after {
border-radius: .25em;
}
}

footer {
	position:relative;
	height: calc(1em + ((1vw - 0.1em) * 1));
	background-color: blue;
	text-align:center;
}
.foottext {
vertical-align: top;
}