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

#container {margin:0 auto;padding:0em 2em 2em 1em;width:80%}
#content-top {text-align:left;padding:0 0 3em 1em}
#content-left {text-align:left;float:left;padding:2em 2em 0 0;min-width:30%}
#content-right {text-align:left; padding:2em 0 0 2em}
#text {max-width:100%;text-align:center}
#buy {margin:0 auto;text-align:left;max-width:700px} 


#buttons {padding: 5px 0 5px 20px;background-image:url('button-bg.gif'); background-repeat:repeat; }



img.button {padding:0 10px 0 0}
#logo {margin:0 0 0 -0.55em;padding:0}
#logo img {width:4em;height:auto;}

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


.map {margin-left:-3px}
.maplink {font-size:0.8em; color:#fdb; padding:0 0 20px;}


.we {color:#f90;}
.moe {color:#f00;}
.web  {color:#0080C3;}

.txtkl {font-size:0.7em; color:#aaa; padding:0 0 1em 1em; text-align:left}
.txtklweiss {color:#fff}

p {margin:0; padding: 0 0 10px 0} 
p.absatz {padding: 10px 0 10px 0} 
p.jobtitle {font-size:0.8em;color:#B39000;padding:0 0 0.3em 0}

img {border:0; vertical-align:top; margin:0 0 0 0}
img#logo {padding:40px 0 20px 20px}

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}

#showlink a {color:#34311d; text-decoration:none}
#showlink a:hover {text-decoration:underline; text-transform: uppercase}

.private {color:#BE4C00}
.blog1 {padding-top:0.7em}
.blog a {color:#A69D27;}
.blog1 a {color:#A69D27;}

.neo1 {padding-top:0.7em}
.neo1, .neo2 {color:#B2C842;}
.neo1 a, .neo2 a {color:#B2C842;}


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 {font-size:1.2em;padding:0 0 0.3em 0;margin:0;font-weight:100;line-height: 1.1em;}

.contact {font-size:0.8em;color:#B39000}
.contact a {color:#B39000; text-decoration:none;}
.contact a:hover {text-decoration:underline;color:#B39000}
.imprcontactint a:visited {text-decoration:none;color:#B39000}


/* 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:2.6em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0.9em;}
}

/* HD+ TV */
@media only screen and (min-device-width:2701px) and (max-device-width:3800px) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:2.2em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0.9em;}
}

/* HD TV */
@media only screen and (min-device-width:1800px) and (max-device-width:2700px) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:1.9em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0.9em;}
}

/* large mobile landscape */
@media only screen and (min-device-width:615px) and (max-device-width:1000px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:1.3em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0.9em;}
}

/* iPhone6s+ Portrait */
@media only screen and (min-device-width:371px) and (max-device-width:650px) {
body {font-size:1.0em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0.9em;}
}

@media only screen and (min-device-width:371px) and (max-device-width:650px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:1.0em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0.9em;}
}

@media only screen and (min-device-width:100px) and (max-device-width:370px) {
body {font-size:0.8em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0.9em;}
}

@media only screen and (min-device-width:100px) and (max-device-width:370px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:1.0em;}
#content-top {text-align:left;padding:0 0 3em 0}
#logo {margin:0 0 0 -0. 9em;}
}