body {
font-size:1.0em;
font-family: 'Text Me One', sans-serif;
color:#fff; 
font-style: normal; 
	margin: 0 0 0 0;
	text-align:center;
	vertical-align:center;
	background-color: #3F423B;
	background-image: url(20190104-PSGAL-Bg-Ani-v3-1.gif); background-repeat:repeat;}



#container {margin:0 auto;text-align:left;vertical-align:center;width:80%;padding:1em 3em 2em 3em}

#content-top {text-align:left;padding:0 0 1em 0}
#content-left {text-align:left;float:left;padding:0em 0em 0 0;}
#content-right {text-align:left; padding:0em 1em 0 0; max-width:950px}




#petaflop {left:1em; position:fixed; bottom:1em;}
#petaflop a {color:#aaa; text-decoration:none;}



p {margin:0; padding:0} 
.indiekl {color:#C898FF}

.indieadr {color:#DBBCFF}
.indieadr a {color:#DBBCFF; text-decoration:none;}
.indieadr a:hover {color:#DBBCFF;text-decoration:underline}



img {border:0; vertical-align:top; margin:0 0 0 0}
img#logo {padding:4em 0 1em 0;margin:0 0 0 -0.5em}
div#verlag {padding:0 0 0 0}

a {color:#fc0; text-decoration:none; target-name: new; target-new: window; target-position: above}
a.int {target:current;}
a:hover {text-decoration:underline;color:#f80}



#imprint-div {text-align:left}

p.imprint {font-size:0.5em; color:#74755A; padding:2em 0 3em 0;margin:0}
.imprint a {color:#74755A; text-decoration:underline;}
.imprint a:hover {text-decoration:underline;color:#74755A}
.imprint a:visited {text-decoration:underline;color:#74755A}

h1 {padding:0 0 0.5em 0;margin:0;font-weight:300;}
.h2span {color:#fff;padding:0;margin:0;font-weight:300;}
.pdf {color:#FFA6A8}
.jpg {color:#93D6DE}
.png {color:#C4FF4F}
.zip {color:#DBCBFF}
.thmb {padding:0 1em 0.5em 0}
.load {padding:0.3em 0 0.2em;width:40px}
.jump {padding:0.2em 0 0.2em;width:15px}
.loadd {padding:0 0 2em 0}
.downdiv {display:flex;padding:0 0 2em 0}
.bildunterschrift {color:#C898FF;margin:0;padding:0.2em 0 2em 0}


#verlosung {right:0; position:fixed; top:0;}




/* 4k TV */
@media only screen and (min-device-width:3801px) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:1.6em;}
h1 {font-size:2.2em;}
.h2span {font-size:1.6em;}
.sharepic {width:350px}
.sharepic2 {width:200px}
.sharepic3 {width:150px}
.indiekl, .indieadr {font-size:0.8em}
.sz {width:550px;}
#verlosung img {width:14em !important;}
}

/* HD+ TV */
@media only screen and (min-device-width:2701px) and (max-device-width:3800px) {
html {-webkit-text-size-adjust: 100%}
body {font-size:1.3em;}
h1 {font-size:2.0em;}
.h2span {font-size:1.5em;}
.sharepic {width:350px}
.sharepic2 {width:200px}
.sharepic3 {width:150px}
.indiekl, .indieadr {font-size:0.8em}
.sz {width:500px;}
#verlosung img {width:14em !important;}

}

/* HD TV + MacBook Pro Retina 15,4" */
@media only screen and (min-device-width:1800px) and (max-device-width:2700px) {
html {-webkit-text-size-adjust: 100%}
body {font-size:1.0em;}
h1 {font-size:1.8em;}
.h2span {font-size:1.2em;}
.sharepic {width:300px}
.sharepic2 {width:200px}
.sharepic3 {width:150px}
.indiekl, .indieadr {font-size:0.8em}
.sz {width:450px;}
#verlosung img {width:13em !important;}
}

/* tablet landscape */
@media only screen and (min-device-width:651px) and (max-device-width:1799px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%}
body {font-size:1.0em;}
h1 {font-size:1.8em;}
.h2span {font-size:1.2em;}
.sharepic {width:250px}
.sharepic2 {width:160px}
.sharepic3 {width:120px}
.indiekl, .indieadr {font-size:0.8em}
.sz {width:300px;}
#verlosung img {width:12em !important;}
}

/* tablet Portrait */
@media only screen and (min-device-width:651px) and (max-device-width:1799px) {
html {-webkit-text-size-adjust: 100%}
body {font-size:1.0em;}
h1 {font-size:1.8em;}
.h2span {font-size:1.2em;}
.sharepic {width:250px}
.sharepic2 {width:160px}
.sharepic3 {width:120px}
.indiekl, .indieadr {font-size:0.8em}
.sz {width:300px;}
#verlosung img {width:10em !important;}
}

/* large mobile Landscape iPhone 13 Pro Max */
@media only screen and (min-device-width:371px) and (max-device-width:650px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%}
body {font-size:1.0em;}
h1 {font-size:1.5em;}
.h2span {font-size:1.2em;}
.sharepic {width:300px}
.sharepic2 {width:150px}
.sharepic3 {width:120px}
.indiekl, .indieadr {font-size:0.75em}
.sz {width:300px;}
#verlosung img {width:9em !important;}
}

/* large mobile Portrait iPhone 13 Pro Max */
@media only screen and (min-device-width:371px) and (max-device-width:650px) {
body {font-size:1.0em;}
h1 {font-size:1.4em;}
.h2span {font-size:1.1em;}
.sharepic {width:150px}
.sharepic2 {width:110px}
.sharepic3 {width:80px}
.indiekl, .indieadr {font-size:0.75em}
.sz {width:300px;}
#verlosung img {width:9em !important;}
}

/* mini Landscape */
@media only screen and (min-device-width:100px) and (max-device-width:370px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%}
body {font-size:1.0em;}
h1 {font-size:1.5em;}
.h2span {font-size:1.2em;}
.sharepic {width:100px}
.sharepic2 {width:80px}
.sharepic3 {width:70px}
.indiekl, .indieadr {font-size:0.7em}
.sz {width:250px;}
#verlosung img {width:8.5em !important;}
}

/* mini Portrait (Allas Handy)*/
@media only screen and (min-device-width:100px) and (max-device-width:370px) {
body {font-size:1.0em;}
h1 {font-size:1.4em;}
.h2span {font-size:1.1em;}
.sharepic {width:100px}
.sharepic2 {width:85px}
.sharepic3 {width:70px}
.indiekl, .indieadr {font-size:0.7em}
.sz {width:250px;}
#verlosung img {width:8.0em !important;}
}