:root, body, html, html:root {font-size:1.082rem !important; zoom:1 !important;}
a.lefttop {text-decoration:none; cursor:default;}
a.onelink {color:inherit; text-decoration:none;}
body {min-height:100%; min-width:100%; display:block; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; margin-bottom:0; flex-direction:column; margin:1rem auto 1rem auto; background-position-x:50%; background-position-y:50%; min-height:fit-content; background-size:45%, auto; background-size:520px;}
body, html {margin:0; padding:0; font-family:Arial, sans-serif; height:fit-content; background:#343434; color:#fff; overflow-x:hidden; height:100%; width:100%; font-family:sans-serif; display:flex; justify-content:center; align-items:center; min-height:fit-content; background-image:url(https://www.bayerchristian.de/001/09x/img2/pattern-tile.png); background-repeat:repeat; background-size:3px; background:-webkit-linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); display:block; background:-webkit-linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important; height:99%; width:99%; font-family:Verdana; overflow:hidden; background:none, linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); background-repeat:no-repeat, repeat; background-position:center; background-size:50%, auto; background-origin:padding-box; background-position-x:50%; background-position-y:30%;}
body, html:root {margin:0; padding:0; font-family:Arial, sans-serif; height:fit-content; background:#343434; color:#fff; overflow-x:hidden; width:100%; font-family:sans-serif; display:flex; justify-content:center; align-items:center; min-height:fit-content; height:auto; background-image:url(https://www.bayerchristian.de/001/09x/img2/pattern-tile.png); background-repeat:repeat; background-size:3px; background:-webkit-linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); display:block; height:100%;}
div#love {border-radius:.25rem;}
div.content-wrapper {margin:auto !important;}
div.highlight {margin-top:1.25rem; display:block; max-width:329px;}
div.highlight.logo, #largertext {font-size:1rem; line-height:1;}
div.highlight.logo.padded-box {font-weight:700; color:rgba(255,255,255,.9); text-shadow:0 2px 5px rgba(0, 0, 0, .7); background:rgba(0, 0, 0, .9); border-radius:1px; padding:.14rem .4rem; border-radius:.5rem;}
div.logo {font-weight:700; color:rgba(255,255,255,.8);}
div.logo, header, #love {padding:.2rem;}
div.logo.logo, header, #love {padding:.2rem;}
div.logo.logox {font-family:Arial;}
footer {max-width:fit-content; max-width:max-content; position:absolute; bottom:1px; min-width:100%; left:1px;}
footer, #ftc1 {color:#fff;}
h2 {font-size:1.8rem; margin:auto; font-size:.8em;}
h2.c3 {word-spacing:1px; letter-spacing:1px;}
header {display:flex; align-items:center; justify-content:center; padding:.25rem; background-color:rgba(0,0,0,.7); font-size:1.5em; font-weight:700; color:#fff; max-width:fit-content; margin:0 auto; margin-top:1px;}
html {overflow:hidden; font-size:16px; zoom:1;}
html:root {zoom:1;}
html body {display:block; background-position-x:50%; background-position-y:50%; min-height:fit-content; background-size:45%, auto; background-size:520px;}
html body, html:root {background:none, linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%); background-repeat:no-repeat, repeat; background-position:center; background-size:50%, auto; background-origin:padding-box; background-position-x:50%; background-position-y:30%;}
img.lefttop {position:absolute; top:.1px; left:.1px; width:20px; height:20px; width:1rem; height:1rem; left:1px; top:1px; cursor:default;}
main.container {padding-top:1px;}
pre {font-size:0.233rem; color:#6cc417;}
section.c2 {display:block;}
span.c1 {text-decoration:none; word-spacing:-.11px;}
span.c2 {color:red; word-spacing:normal; letter-spacing:normal; font-weight:700;}
#foo2 {display:inline-block; text-align:left;}
#ftc1 {margin:0 auto; text-align:center; background-color:#000; font-size:10px;}
#largertext {color:gold; font-size:.8rem;}
#love {text-align:center;}
#love, #loved {border:3px solid #fff;}
#loved {border:none; padding:0;}
#texted {max-width:fit-content; margin:auto; padding:1px .1rem; font-weight:400; font-family:'Helvetica Neue', sans-serif; font-size:1.8rem; font-weight:300; font-family:sans-serif !important;}
#xboarder {border:gold 4px solid;}
.center-container {display:flex; justify-content:center; align-items:center; width:100%; display:block; height:100%;}
.container {display:flex; flex-direction:column; align-items:center; text-align:center; padding:2em;}
.content-wrapper {width:100%; max-width:1200px; margin:0 auto; padding:20px; box-sizing:border-box; max-width:1000px;}
.highlight {-webkit-text-stroke-color:#fff; -webkit-text-stroke:.3px; background-color:#000; font-size:14px; font-weight:700; margin:-.75rem auto; max-width:22.9em; padding:.75rem .25rem;}
.logo {font-weight:700; color:rgba(255,255,255,.8); color:#fff;}
.logo.logo {font-weight:700; color:rgba(255,255,255,.8); color:#fff;}
.overlay-text {margin-top:1em; font-size:1.8em; font-weight:700; color:rgba(255,255,255,.9); text-shadow:0 2px 5px rgba(0, 0, 0, .7); padding:.5em 1em; background:rgba(0, 0, 0, .6); border-radius:8px;}
.padded-box {padding:.25em;}
.padded-box.padded-box {padding:.25em;}

@media (max-height:699px) and (max-width:500px) {
body {padding-top:1px;}
footer {display:none;}
html {position:relative; top:unset; left:unset; transform:unset;}
}

@media (max-height:850px) and (max-width:400px) and (orientation:portrait) {
footer {padding:1em; font-size:.9em;}
.content-wrapper {padding-top:1px;}
}

@media (max-height:1345px) and (max-width:320px) and (orientation:portrait) {
html {left:unset; overflow:visible; position:relative; top:1px; transform:none; zoom:.8;}
html:root {left:unset; overflow:visible; position:relative; top:1px; transform:none; zoom:.8;}
}

@media (max-width:480px) {
header {font-size:1.2em;}
.highlight {font-size:.88em;}
.logo {max-width:14.8em;}
.overlay-text {font-size:1em;}
}

@media (max-width:768px) {
h2 {font-size:1rem; margin:auto;}
.overlay-text {font-size:1.2em;}
}

@media (max-width:999px) and (orientation:landscape) {
:root, body, html, html:root {height:100vw !important;}
#ftc1 {font-size:1rem !important; margin-top:1.2rem;}
}

@media (max-width:1000px) and (orientation:landscape) {
body, html {background-image:none !important;}
}

@media (min-height:1px) {
body {display:inline;}
html body {display:inline;}
}

@media (min-height:667px) {
body {display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; margin-bottom:0; flex-direction:column; margin:1rem auto 1rem auto;}
html {overflow:hidden;}
}

@media (min-height:694px) and (orientation:portrait) and (max-height:806px) and (min-width:320px) {
body {padding-top:5vh;}
html {font-size:18px;}
html:root {font-size:16px;}
#ftc1 {display:none;}
}

@media (min-height:700px) and (max-height:1000px) and (orientation:landscape) {
html {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset;}
html:root {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset;}
}

@media (min-height:807px) and (orientation:portrait) and (max-height:1023px) {
html {font-size:21px; font-size:16px;}
html:root {font-size:16px;}
}

@media (min-height:1000px) {
html:root {zoom:1.25;}
}

@media (min-height:1079px) and (orientation:landscape) {
html {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset; zoom:1.75;}
html:root {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset; zoom:1.75; zoom:1.76;}
}

@media (min-width:2px) and (max-width:375px) and (max-height:740px) and (orientation:portrait) {
body {padding-top:0;}
footer {bottom:1px; position:absolute; min-width:100%; padding:1em 0;}
.content-wrapper {padding:0;}
}

@media (min-width:2px) and (min-height:100px) and (max-height:768px) and (orientation:landscape) {
body, html {overflow:visible; min-height:100%; zoom:1; background:gray; min-height:max-content; background:#4682b4;}
html body, html:root {overflow:visible; min-height:100%; zoom:1; min-height:max-content; background:#4682b4;}
}

@media (min-width:100px) and (min-height:100px) and (orientation:portrait) {
body {overflow-y:visible;}
div.highlight.logo.padded-box {zoom:1.05;}
footer {bottom:1px; position:absolute; padding:1px 0; width:100%;}
html body {overflow-y:visible;}
section.hero {zoom:1.2;}
.content-wrapper {padding:1px;}
.content-wrapper.content-wrapper {padding:1px;}
}

@media (min-width:376px) and (min-height:741px) and (orientation:portrait) {
body {padding-top:0;}
footer {bottom:1px; position:absolute; min-width:100%; padding:1px 0;}
.content-wrapper {padding:0;}
}

@media (min-width:768px) {
h2 {font-size:.8em;}
}

@media (min-width:999px) and (orientation:landscape) {
body, html {overflow:visible !important;}
div.content-wrapper {margin-top:-1.25rem;}
div.highlight.logo.padded-box {margin-left:-.57em;}
}

@media (min-width:1000px) {
div.highlight.logo.padded-box {margin-bottom:.75rem;}
footer, #ftc1 {max-width:fit-content; max-width:max-content; position:absolute; bottom:1px; min-width:100%; left:1px; color:#fff; background-color:#000;}
main.container {padding-top:1px;}
#texted {margin-bottom:.33rem !important;}
.otvv {margin-top:1px;}
}

@media (min-width:1000px) and (min-height:700px) and (max-height:1000px) and (orientation:landscape) {
html:root {left:unset; margin:auto; position:relative; top:unset; transform-origin:unset; transform:none; translate:unset;}
}

@media (min-width:1000px) and (orientation:landscape) {
body {background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important; background-size:100% !important;}
.content-wrapper {max-width:693px !important;}
}

@media (min-width:1020px) and (min-height:600px) and (max-width:1900px) and (max-height:900px) and (orientation:landscape) {
:root, body, html, html:root {zoom:1 !important; scale:1 !important; font-size:16px !important; transform-origin:top center !important;}
footer, #ftc1 {bottom:1px !important;}
.content-wrapper {margin:auto !important;}
}

@media (min-width:1500px) and (min-height:990px) and (orientation:landscape) {
html {zoom:1.25 !important;}
}

@media (min-width:1900px) and (orientation:landscape) {
body {min-height:75vh; min-width:99vw; min-width:57vw; width:99%; min-width:100%; min-height:100vh; max-width:100%; max-height:100%;}
html {zoom:1; overflow:hidden; height:auto; width:fit-content; max-height:100vh; width:100%;}
html:root {zoom:1; overflow:hidden; width:fit-content; max-height:100vh; width:100%;}
}

@media (min-width:2400px) and (min-height:1100px) and (orientation:landscape) {
html {zoom:1.75 !important;}
html:root {zoom:1.75 !important;}
}

@media (orientation:landscape) {
.center-container {align-items:flex-start; padding-top:20px;}
}

@media (orientation:portrait) {
.content-wrapper {width:100%; max-width:1200px; padding:15px;}
}

@media screen and (min-height:625px) and (orientation:portrait) and (min-height:43rem) {
footer, #ftc1 {display:block !important;}
}