body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure {
 margin:0;
 padding:0
}
body {
 font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 color:#111;
 background-color:#fdfdfd;
 -webkit-text-size-adjust:100%;
 -webkit-font-feature-settings:"kern" 1;
 -moz-font-feature-settings:"kern" 1;
 -o-font-feature-settings:"kern" 1;
 font-feature-settings:"kern" 1;
 font-kerning:normal;
 display:flex;
 min-height:100vh;
 flex-direction:column
}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight {
 margin-bottom:15px
}
main {
 display:block
}
img {
 max-width:100%;
 vertical-align:middle;
 padding-right:10;
}
figure>img {
 display:block
}
figcaption {
 font-size:14px
}
ul,ol {
 margin-left:30px
}
li>ul,li>ol {
 margin-bottom:0
}
h1,h2,h3,h4,h5,h6 {
 font-weight:400
}
a {
 color:#2a7ae2;
 text-decoration:none
}
a:visited {
 color:#1756a9
}
a:hover {
 color:#111;
 text-decoration:underline
}
.social-media-list a:hover {
 text-decoration:none
}
.social-media-list a:hover .username {
 text-decoration:underline
}
blockquote {
 color:#828282;
 border-left:4px solid #e8e8e8;
 padding-left:15px;
 font-size:18px;
 letter-spacing:-1px;
 font-style:italic
}
blockquote>:last-child {
 margin-bottom:0
}
pre,code {
 font-size:15px;
 border:1px solid #e8e8e8;
 border-radius:0px;
 background-color:#eef
}
code {
 padding:1px 5px
}
pre {
 padding:8px 12px;
 overflow-x:auto
}
pre>code {
 border:0;
 padding-right:0;
 padding-left:0
}
.wrapper {
 max-width:-webkit-calc(800px - (30px * 2));
 max-width:calc(800px - (30px * 2));
 margin-right:15px;
 margin-left:auto;
 padding-right:30px;
 padding-left:30px
}
@media screen and (max-width: 800px) {
 .wrapper {
  max-width:-webkit-calc(800px - (30px));
  max-width:calc(800px - (30px));
  padding-right:15px;
  padding-left:15px
 }
}
.wrapper:after,.footer-col-wrapper:after {
 content:"";
 display:table;
 clear:both
}
.svg-icon {
 width:16px;
 height:16px;
 display:inline-block;
 fill:#828282;
 padding-right:5px;
 vertical-align:text-top
}
.social-media-list li+li {
 padding-top:5px
}
table {
 margin-top:60px;
 margin-bottom:30px;
 width:90%;
 text-align:left;
 color:#3f3f3f;
 border-collapse:collapse;
 border:1px solid #e8e8e8;
 margin-left:auto;
 margin-right:auto;
}
table tr:nth-child(even) {
 background-color:#f7f7f7
}
table th,table td {
 padding:10px 15px
}
table th {
 background-color:#f0f0f0;
 border:1px solid #dedede;
 border-bottom-color:#c9c9c9
}
table td {
 border:1px solid #e8e8e8
}
.site-header {
 border-top:5px solid #424242;
 border-bottom:1px solid #e8e8e8;
 min-height:55.95px;
 position:relative
}
.site-title {
 font-size:26px;
 font-weight:300;
 line-height:54px;
 letter-spacing:-1px;
 margin-bottom:0;
 float:left
}
.site-title,.site-title:visited {
 color:#424242
}
.site-nav {
 float:right;
 line-height:54px;
}
.site-nav .nav-trigger {
 display:none
}
.site-nav .menu-icon {
 display:none;
}
.site-nav .page-link {
 color:#111;
 line-height:1.5
}
.site-nav .page-link:not(:last-child) {
 margin-right:20px
}
@media screen and (max-width: 600px) {
 .site-nav {
  position:absolute;
  top:9px;
  right:15px;
  background-color:#fdfdfd;
  border:1px solid #e8e8e8;
  border-radius:5px;
  text-align:right
 }
 .site-nav label[for="nav-trigger"] {
  display:block;
  float:right;
  width:36px;
  height:36px;
  z-index:2;
  cursor:pointer
 }
 .site-nav .menu-icon {
  display:block;
  float:right;
  width:36px;
  height:26px;
  line-height:0;
  padding-top:10px;
  text-align:center
 }
 .site-nav .menu-icon>svg {
  fill:#424242
 }
 .site-nav input ~ .trigger {
  clear:both;
  display:none
 }
 .site-nav input:checked ~ .trigger {
  display:block;
  padding-bottom:5px
 }
 .site-nav .page-link {
  display:block;
  padding:5px 10px;
  margin-left:20px
 }
 .site-nav .page-link:not(:last-child) {
  margin-right:0
 }
}
.site-footer {
 border-top:1px solid #e8e8e8;
 padding:30px 0
}
.footer-heading {
 font-size:18px;
 margin-bottom:15px
}
.contact-list,.social-media-list {
 list-style:none;
 margin-left:0
}
.footer-col-wrapper {
 font-size:15px;
 color:#828282;
 margin-left:-15px
}
.footer-col {
 float:left;
 margin-bottom:15px;
 padding-left:15px
}
.footer-col-1 {
 width:-webkit-calc(35% - (30px / 2));
 width:calc(35% - (30px / 2))
}
.footer-col-2 {
 width:-webkit-calc(20% - (30px / 2));
 width:calc(20% - (30px / 2))
}
.footer-col-3 {
 width:-webkit-calc(45% - (30px / 2));
 width:calc(45% - (30px / 2))
}
@media screen and (max-width: 800px) {
 .footer-col-1,.footer-col-2 {
  width:-webkit-calc(50% - (30px / 2));
  width:calc(50% - (30px / 2))
 }
 .footer-col-3 {
  width:-webkit-calc(100% - (30px / 2));
  width:calc(100% - (30px / 2))
 }
}
@media screen and (max-width: 600px) {
 .footer-col {
  float:none;
  width:-webkit-calc(100% - (30px / 2));
  width:calc(100% - (30px / 2))
 }
}
.page-content {
 padding:30px 0;
 flex:1
}
.page-heading {
 font-size:32px
}
.post-list-heading {
 font-size:28px
}
.post-list {
 margin-left:0;
 list-style:none
}
.post-list>li {
 margin-bottom:30px
}
.post-meta {
 font-size:14px;
 color:#828282
}
.post-link {
 display:block;
 font-size:24px
}
.post-header {
 margin-bottom:30px
}
.post-title {
 font-size:42px;
 letter-spacing:-1px;
 line-height:1
}
@media screen and (max-width: 800px) {
 .post-title {
  font-size:36px
 }
}
.post-content {
 margin-bottom:30px
}
.post-content h2 {
 font-size:32px
}
@media screen and (max-width: 800px) {
 .post-content h2 {
  font-size:28px
 }
}
.post-content h3 {
 font-size:26px
}
@media screen and (max-width: 800px) {
 .post-content h3 {
  font-size:22px
 }
}
.post-content h4 {
 font-size:20px
}
@media screen and (max-width: 800px) {
 .post-content h4 {
  font-size:18px
 }
}
.highlight {
 background:#fff
}
.highlighter-rouge .highlight {
 background:#eef
}
.highlight .c {
 color:#998;
 font-style:italic
}
.highlight .err {
 color:#a61717;
 background-color:#e3d2d2
}
.highlight .k {
 font-weight:bold
}
.highlight .o {
 font-weight:bold
}
.highlight .cm {
 color:#998;
 font-style:italic
}
.highlight .cp {
 color:#999;
 font-weight:bold
}
.highlight .c1 {
 color:#998;
 font-style:italic
}
.highlight .cs {
 color:#999;
 font-weight:bold;
 font-style:italic
}
.highlight .gd {
 color:#000;
 background-color:#fdd
}
.highlight .gd .x {
 color:#000;
 background-color:#faa
}
.highlight .ge {
 font-style:italic
}
.highlight .gr {
 color:#a00
}
.highlight .gh {
 color:#999
}
.highlight .gi {
 color:#000;
 background-color:#dfd
}
.highlight .gi .x {
 color:#000;
 background-color:#afa
}
.highlight .go {
 color:#888
}
.highlight .gp {
 color:#555
}
.highlight .gs {
 font-weight:bold
}
.highlight .gu {
 color:#aaa
}
.highlight .gt {
 color:#a00
}
.highlight .kc {
 font-weight:bold
}
.highlight .kd {
 font-weight:bold
}
.highlight .kp {
 font-weight:bold
}
.highlight .kr {
 font-weight:bold
}
.highlight .kt {
 color:#458;
 font-weight:bold
}
.highlight .m {
 color:#099
}
.highlight .s {
 color:#d14
}
.highlight .na {
 color:teal
}
.highlight .nb {
 color:#0086B3
}
.highlight .nc {
 color:#458;
 font-weight:bold
}
.highlight .no {
 color:teal
}
.highlight .ni {
 color:purple
}
.highlight .ne {
 color:#900;
 font-weight:bold
}
.highlight .nf {
 color:#900;
 font-weight:bold
}
.highlight .nn {
 color:#555
}
.highlight .nt {
 color:navy
}
.highlight .nv {
 color:teal
}
.highlight .ow {
 font-weight:bold
}
.highlight .w {
 color:#bbb
}
.highlight .mf {
 color:#099
}
.highlight .mh {
 color:#099
}
.highlight .mi {
 color:#099
}
.highlight .mo {
 color:#099
}
.highlight .sb {
 color:#d14
}
.highlight .sc {
 color:#d14
}
.highlight .sd {
 color:#d14
}
.highlight .s2 {
 color:#d14
}
.highlight .se {
 color:#d14
}
.highlight .sh {
 color:#d14
}
.highlight .si {
 color:#d14
}
.highlight .sx {
 color:#d14
}
.highlight .sr {
 color:#009926
}
.highlight .s1 {
 color:#d14
}
.highlight .ss {
 color:#990073
}
.highlight .bp {
 color:#999
}
.highlight .vc {
 color:teal
}
.highlight .vg {
 color:teal
}
.highlight .vi {
 color:teal
}
.highlight .il {
 color:#099
}
.full-width {
 width:100vw;
 position:relative;
 left:50%;
 right:50%;
 margin-left:-50vw;
 margin-right:-50vw;
 max-width:100vw
}

#zero {
    background: #011309 url("/pictures/under_construction.jpg") repeat fixed 50% 0px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    min-height: 1900px;
    background-size: cover;
}

#one {
     background: #ddd url("/home/gerd/Pictures/contact.jpg") repeat fixed 50% 0px;
     z-index: -1;
     position: absolute;
     height: 54px;
     width:1280px;

}


.contain-to-grid {
    height: 100px;
}

.f-topbar-fixed {
    padding-top: 100px;
}


.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
    background-color: #ddd;
}

.sticky {
    visibility: visible;
}

pre {
	background: #000;
	font-family: monospace;
	line-height: 1.6;
	margin-bottom: 3.0em;
	padding: 1.6em;
	overflow-wrap: normal;
	max-width: 100%;
	border-radius: 0px;
	width: -moz-fit-content;
	display: inline-block;
	margin-left: 30px;
}