/*!
 * Written by Mark Schmidt
 */

.body,html {
 background-color:#28220D;
 margin:0;
 overflow-y:hidden;
 }

.lupe-bild {

 }

.classyloupe {
 border: 0.25em solid #C0C0C0;
 background-color:transparent;
 }

.loverlay {
 background-color:#F27900 ;
 opacity:0.2;
 }

.lshadow {
 -webkit-box-shadow: 0px 0px 0px #000;
 -moz-box-shadow: 0px 0px 0px #000;
 -ms-box-shadow: 0px 0px 0px #000;
 -o-box-shadow: 0px 0px 0px #000;
 box-shadow: 0px 0px 0px #000;
 }

.hyphenate {
 text-align:justify;
 hyphens:auto;
 -webkit-hyphens:auto;
 -ms-hyphens:auto;
 -moz-hyphens:auto;
}

.b-c-flex-i {
 position:fixed;
 left:0em;
 top:13em;
 width:100%;
 height:calc(100% - 18em);
 display:flex;
 flex-wrap:wrap;
 align-content:flex-start;
 overflow-x:visible;
 overflow-y:auto;
 z-index:1;
 }

@media screen and (max-width:48em) {
.b-c-flex-i {
 top:13em;
 height:calc(100% - 22em);
 }
 }

@media screen and (max-width:32em) {
.b-c-flex-i {
 top:13em;
 height:calc(100% - 13em);
 }
 }

@media screen and (max-height:50em) {
.b-c-flex-i {
 top:0em;
 height:calc(100% - 5em);
 }
 }

@media screen and (max-height:38em) {
.b-c-flex-i {
 top:0em;
 height:100%;
 }
 }

@media only screen and (max-height:50em) and (max-width:48em) {
.b-c-flex-i {
 top:0em;
 height:calc(100% - 9em);
 }
 }

@media only screen and (max-height:50em) and (max-width:32em) {
.b-c-flex-i {
 top:0em;
 height:100%;
 }
 }

@media only screen and (max-height:38em) and (max-width:48em) {
.b-c-flex-i {
 top:0em;
 height:calc(100% - 0em);
 }
 }

@media screen and (max-device-width:40em)  {
.b-c-flex-i {
 top:0em;
 height:100%;
 overflow-y:scroll;
 -webkit-overflow-scrolling:touch;
 }
 }

.b-c-flex-g {
 position:fixed;
 left:0em;
 top:17em;
 width:100%;
 height:calc(100% - 22em);
 display:flex;
 flex-wrap:wrap;
 align-content:flex-start;
 overflow-x:visible;
 overflow-y:auto;
 z-index:1;
 }

@media screen and (max-width:48em) {
.b-c-flex-g {
 top:17em;
 height:calc(100% - 26em);
 }
 }

@media screen and (max-width:32em) {
.b-c-flex-g {
 top:17em;
 height:calc(100% - 17em);
 }
 }

@media screen and (max-height:50em) {
.b-c-flex-g {
 top:0em;
 height:calc(100% - 5em);
 }
 }

@media screen and (max-height:38em) {
.b-c-flex-g {
 top:0em;
 height:100%;
 }
 }

@media only screen and (max-height:50em) and (max-width:48em) {
.b-c-flex-g {
 top:0em;
 height:calc(100% - 9em);
 }
 }

@media only screen and (max-height:50em) and (max-width:32em) {
.b-c-flex-g {
 top:0em;
 height:100%;
 }
 }

@media only screen and (max-height:38em) and (max-width:48em) {
.b-c-flex-g {
 top:0em;
 height:calc(100% - 0em);
 overflow-y:scroll;
 -webkit-overflow-scrolling:touch;
 }
 }

@media screen and (max-device-width:40em)  {
.b-c-flex-g {
 top:0em;
 height:100%;
 }
 }

.balken-hboo {
 position:fixed;
 left:0.0em;
 top:0.0em;
 width:100%;
 height:0.5em;
 background-color:#C0C0C0;
 }

@media screen and (max-height:50em) {
.balken-hboo {
 position:relative;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hboo {
 position:relative;
 }
 }

.balken-hbom {
 position:fixed;
 left:0.0em;
 top:0.5em;
 width:100%;
 height:12em;
 background-color:#F27900;
 z-index:0;
 }

@media screen and (max-height:50em) {
.balken-hbom {
 position:relative;
 top:0.0em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hbom {
 position:relative;
 top:0.0em;
 display:flex;
 justify-content:center;
 align-items:center;
 }
 }

.balken-hbou {
 position:fixed;
 left:0.0em;
 top:12.5em;
 width:100%;
 height:0.5em;
 background-color:#C0C0C0;
 }

@media screen and (max-height:50em) {
.balken-hbou {
 position:relative;
 top:0.0em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hbou {
 position:relative;
 top:0.0em;
 }
 }

.balken-lfld {
 position:fixed;
 left:3em;
 top:2em;
 height:9em;
 width:15.5em;
 z-index:4;
 }

@media screen and (max-device-width:40em)  {
.balken-lfld {
 position:absolute;
 left:calc(50% - 7.75em);
 right:calc(50% - 7.75em);
 }
 }


.balken-imom {
 position:fixed;
 left:3em;
 top:2em;
 height:8.5em;
 width:auto;
 border-style: solid;
 border-width:0.25em;
 border-color:#C0C0C0;
 z-index:1;
 }

@media screen and (max-height:50em) {
.balken-imom {
 position:absolute;
 top:1.5em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-imom {
 position:relative;
 left:0em;
 right:0em;
 top:0em;
 }
 }

.balken-ltxt {
 position:absolute;
 margin-left:3em;
 top:1.5em;
 font-size:1.8em;
 text-align:center;
 color:#C0C0C0;
 font-family:Georgia;
 line-height:100%;
 z-index:3;
 }

@media screen and (max-device-width:40em)  {
.balken-ltxt {
 margin-left:1em;
 }
 }

.balken-tcom {
 position:fixed;
 left:18.75em;
 top:0.5em;
 width:calc(100% - 18.75em);
 max-width:83em;
 height:12em;
 display:flex;
 justify-content:center;
 z-index:1;
 }

@media only screen and (max-height:50em) {
.balken-tcom {
 position:absolute;
 }
 }

@media screen and (max-width:42em) {
.balken-tcom {
 left:3em;
 width:15.5em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-tcom {
 position:absolute;
 left:0em;
 width:100%;
 }
 }

.balken-txom {

 }

.balken-thom {
 margin-top:0.5em;
 text-align:center;
 font-size:3.5em;
 white-space:nowrap;
 color:#C0C0C0;
 font-family:Georgia;
 }

@media screen and (max-width:70em) {
.balken-thom {
 margin-top:2em;
 font-size:1.75em;
 }
 }

@media screen and (max-width:42em) {
.balken-thom {
 margin-top:4.25em;
 font-size:1.2em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-thom {
 margin-top:4.25em;
 font-size:1.2em;
 }
 }

.balken-tfom {
 margin-top:0.25em;
 text-align:center;
 font-size:3em;
 white-space:nowrap;
 color:#C0C0C0;
 font-family:Georgia;
 }

@media screen and (max-width:70em) {
.balken-tfom {
 margin-top:0.5em;
 font-size:1.5em;
 }
 }

@media screen and (max-width:42em) {
.balken-tfom {
 margin-top:3em;
 font-size:0.9em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-tfom {
 margin-top:3em;
 font-size:0.9em;
 }
 }

.balken-hbmo {
 position:fixed;
 left:0.0em;
 top:13em;
 width:100%;
 height:3.5em;
 background-color:#F27900;
 }

@media screen and (max-height:50em) {
.balken-hbmo {
 position:relative;
 top:0.0;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hbmo {
 position:relative;
 top:0.0;;
 }
 }

.balken-hbmu {
 position:fixed;
 left:0.0em;
 top:16.5em;
 width:100%;
 height:0.5em;
 background-color:#C0C0C0;
 }

@media screen and (max-height:50em) {
.balken-hbmu {
 position:relative;
 top:0.0;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hbmu {
 position:relative;
 top:0.0;
 }
 }

.balken-thml {
 position:absolute;
 left:1em;
 top:0.0em;
 text-align:left;
 font-size:3em;
 letter-spacing:0.45em;
 color:#C0C0C0;
 font-family:Georgia;
 }

@media screen and (max-width:42em) {
.balken-thml {
 letter-spacing:0em;
 }
 }

@media screen and (max-width:22em) {
.balken-thml {
 top:0.25em;
 font-size:2.25em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-thml {
 left:0em;
 right:0em;
 text-align:center;
 letter-spacing:0em;
 }
 }

.i-wwhd {
 width:100%;
 }

.i-c-flex-a {
 margin-left:0em;
 width:100%;
 max-width:85em;
 height:auto;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 }

@media screen and (max-width:68em) {
.i-c-flex-a {
 margin-left:3em;
 width:calc(100% - 3em);
 }
 }

@media screen and (max-height:50em) {
.i-c-flex-a {
 position:relative;
 top:0.0em;
 }
 }

@media screen and (max-device-width:40em)  {
.i-c-flex-a {
 justify-content:center;
 }
 }

.i-c-img {
 width:15.5em;
 margin-left:3em;
 margin-right:3em;
 margin-top:3em;
 }

@media screen and (max-width:68em) {
.i-c-img {
 margin-left:0em;
 }
 }

.i-imgl {
 width:15em;
 height:15em;
 border-style:solid;
 border-width:0.25em;
 border-color:#C0C0C0;
 }

.i-b-img {
 position:absolute;
 margin-left:0.25em;
 margin-top:3.0em;
 width:15em;
 height:2em;
 background-color:#C0C0C0;
 opacity:0.9;
 }

.i-t-img {
 font-size:1.8em;
 text-align:center;
 color:#F27900;
 font-family:Georgia;
 line-height:100%;
 }

.i-c-flex-i {
 width:calc(100% - 6em);
 max-width:79em;
 min-width:16em;
 padding-left:3em;
 padding-right:3em;
 padding-bottom:3em;
 }

@media screen and (max-height:50em) {
.i-c-flex-i {
 position:relative;
 }
 }

@media screen and (max-device-width:40em)  {
.i-c-flex-i {
 position:relative;
 width:100%;
 padding-left:0em;
 padding-right:0em;
 display:flex;
 justify-content:center;
 }
 }

.i-txhi {
 margin-top:1em;
 text-align:left;
 font-size:0em;
 white-space:nowrap;
 color:#C0C0C0;
 font-family:Georgia;
 }

@media screen and (max-device-width:40em)  {
.i-txhi {
 width:12.5em;
 }
 }

.i-txti {
 margin-top:0.25em;
 text-align:justify ;
 font-size:1.25em;
 color:#C0C0C0;
 font-family:Georgia;
 z-index:1;
 }

@media screen and (max-device-width:40em)  {
.i-txti {
 width:12.5em;
 font-size:1.2em;
 justify-self:center;
 }
 }

.n-c-flex-g {
 margin-left:3em;
 width:calc(100% - 3em);
 display:flex;
 flex-wrap:wrap;
 }

@media screen and (max-height:50em) {
.n-c-flex-g {
 position:relative;
 margin-top:0em;
 }
 }

@media screen and (max-device-width:40em)  {
.n-c-flex-g {
 position:relative;
 margin-top:0em;
 margin-left:0em;
 width:100%;
 justify-content:center;
 }
 }

.n-c-flex-n {
 margin-top:2px;
 width:calc(100% - 2.0em);
 max-width:52.5em;
 height:auto;
 text-align:justify;
 font-size:1.5em;
 }

.n-txt-sanss {
 color:#C0C0C0;
 font-family:Verdana;
 }

.n-txt-serif {
 color:#C0C0C0;
 font-family:Georgia;
 }

.v-invs {
 display:none !important;
 }

.v-c-flex-i {
 margin-left:0em;
 margin-top:1em;
 margin-right:3em;
 }

@media screen and (max-device-width:40em)  {
.v-c-flex-i {
 margin-left:0em;
 margin-right:0em;
 }
 }

.v-c-flex-e {
 margin-left:0em;
 margin-right:3em;
 margin-top:1em;
 width:calc(100% - 39em);
 max-width:43em;
 min-width:33em;
 height:auto;
 display:flex;
 flex-direction:column-reverse;
 align-content:flex-start;
 }

@media screen and (max-device-width:40em)  {
.v-c-flex-e {
 margin-left:0em;
 margin-right:0em;
 min-width:90%;
 width:90%;
 }
 }

.v-imge-a {
 width:33em;
 height:22em;
 display:flex;
 }

@media screen and (max-device-width:40em)  {
.v-imge-a {
 width:90vw;
 height:60vw;
 }
 }

.v-imge-f {
 width:33em;
 height:22em;
 display:none;
 }

@media screen and (max-device-width:40em)  {
.v-imge-f {
 width:90vw;
 height:60vw;
 }
 }

.v-c-flex-w {
 flex:auto;
 height:2em;
 }

.v-c-flex-a {
 margin-left:0em;
 }

.v-c-flex-b {
 margin-left:3em;
 }

.v-c-flex-c {
 margin-left:6em;
 }

.v-imgs-a {
 position:absolute;
 width:2em;
 height:auto;
 display:flex;
 }

.v-imgs-f {
 position:absolute;
 width:2em;
 height:auto;
 display:none;
 }

.v-imgw-a {
 position:absolute;
 width:2em;
 height:auto;
 cursor:pointer;
 }

.v-txt-h {
 color:#C0C0C0;
 font-family:Georgia;
 font-size:2em;
 text-align:left;
 }

.v-txt-b {
 color:#C0C0C0;
 font-family:Georgia;
 font-size:1.25em;
 text-align:justify;
 }

.v-txt-p {
 color:#C0C0C0;
 font-family:Georgia;
 font-size:1.5em;
 text-align:left;
 }

.s-hhvu {
 margin-left:0em;
 margin-top:1em;
 width:calc(100% - 3em);
 min-width:33em;
 height:0.5em;
 background-color:#C0C0C0
 }

@media screen and (max-device-width:40em)  {
.s-hhvu {
 width:90vw;
 min-width:5em;
 }
 }

.s-wwhn {
 width:100%;
 }

.s-hhsv {
 width:100%;
 height:1em;
 }

.s-hhsu {
 width:100%;
 height:2.5em;
 }

.balken-hbuo {
 position:fixed;
 left:0.0em;
 bottom:4.5em;
 width:100%;
 height:0.5em;
 background-color:#C0C0C0;
 z-index:1;
 }

@media screen and (max-width:48em) {
.balken-hbuo {
 bottom:8.5em;
 }
 }

@media screen and (max-width:32em) {
.balken-hbuo {
 position:relative;
 top:0em;
 }
 }

@media screen and (max-height:38em) {
.balken-hbuo {
 position:relative;
 top:0em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hbuo {
 position:relative;
 top:0em;
 }
 }

.balken-hbum {
 position:fixed;
 left:0.0em;
 bottom:0.5em;
 width:100%;
 height:4em;
 background-color:#F27900;
 z-index:1;
 }

@media screen and (max-width:48em) {
.balken-hbum {
 height:8em;
 }
 }

@media screen and (max-width:32em) {
.balken-hbum {
 position:relative;
 display:flex;
 justify-content:flex-start;
 bottom:0em;
 height:15em;
 }
 }

@media screen and (max-height:38em) {
.balken-hbum {
 position:relative;
 display:flex;
 justify-content:flex-start;
 bottom:0em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hbum {
 position:relative;
 display:flex;
 justify-content:center;
 bottom:0em;
 height:15em;
 }
 }

.balken-uflx {
 z-index:2;
 }

@media screen and (max-width:32em) {
.balken-uflx {
 width:15.5em;
 position:relative;
 bottom:0em;
 height:15em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-uflx {
 width:15.5em;
 position:relative;
 display:flex;
 justify-content:center;
 bottom:0em;
 height:15em;
 }
 }

.balken-ufxo {
 position:fixed;
 left:3em;
 bottom:0.5em;
 width:calc(100% - 7em);
 height:4em;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 z-index:2;
 }

@media screen and (max-width:48em) {
.balken-ufxo {
 bottom:4.25em;
 }
 }

@media screen and (max-width:32em) {
.balken-ufxo {
 position:absolute;
 left:3em;
 bottom:7.5em;
 height:auto;
 flex-direction:column;
 align-content:flex-start;
 }
 }

@media screen and (max-height:38em) {
.balken-ufxo {
 position:absolute;
 bottom:0.0em;
 }
 }

@media screen and (max-height:38em) and (max-width:48em) {
.balken-ufxo {
 position:absolute;
 bottom:3.75em;
 }
 }

@media only screen and (max-height:38em) and (max-width:32em) {
.balken-ufxo {
 position:absolute;
 bottom:7.5em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-ufxo {
 position:absolute;
 left:0em;
 right:0em;
 bottom:7.5em;
 width:15.5em;
 height:auto;
 flex-direction:column;
 align-content:flex-start;
 }
 }

.balken-ucll {
 margin-top:0.25em;
 text-align:left;
 z-index:3;
 }

.balken-ucrr {
 margin-top:0.25em;
 text-align:right;
 z-index:3;
 }

@media screen and (max-device-width:40em)  {
.balken-ucrr {
 text-align:left;
 }
 }

@media screen and (max-width:32em) {
.balken-ucrr {
 text-align:left;
 }
 }

.balken-ufxu {
 position:fixed;
 left:3em;
 bottom:0.5em;
 width:calc(100% - 7em);
 max-width:40em) and (orientation:portrait);
 height:4em;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 z-index:2;
 }

@media screen and (max-width:48em) {
.balken-ufxu {
 flex-direction:row-reverse;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-ufxu {
 position:absolute;
 left:0em;
 height:auto;
 flex-direction:column;
 align-content:flex-start;
 }
 }

@media screen and (max-width:32em) {
.balken-ufxu {
 position:absolute;
 left:3em;
 height:auto;
 flex-direction:column;
 align-content:flex-start;
 }
 }

@media screen and (max-height:38em) {
.balken-ufxu {
 position:absolute;
 bottom:0em;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-ufxu {
 position:absolute;
 left:0em;
 right:0em;
 width:15.5em;
 height:auto;
 flex-direction:column;
 align-content:flex-start;
 }
 }

.balken-usmu {
 width:12em;
 }

@media screen and (max-width:48em) {
.balken-usmu {
 display:none;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-usmu {
 display:none;
 }
 }

.balken-uclr {
 width:5.5em;
 height:3em;
 margin-top:0.5em;
 text-align:right;
 z-index:3;
 }

@media screen and (max-device-width:40em)  {
.balken-uclr {
 text-align:left;
 }
 }

@media screen and (max-width:32em) {
.balken-uclr {
 text-align:left;
 }
 }

.balken-utmo {
 margin-top:0em;
 }

.balken-utmu {
 margin-top:0.25em;
 }

.balken-ucrl {
 width:5.5em;
 height:3em;
 margin-top:0.5em;
 text-align:left;
 z-index:3;
 }

.balken-utxt {
 font-size:1em;
 white-space:nowrap;
 color:#C0C0C0;
 font-family:Georgia;
 z-index:4;
 }

.balken-hbuu {
 position:fixed;
 left:0.0em;
 bottom:0em;
 width:100%;
 height:0.5em;
 background-color:#C0C0C0;
 z-index:1;
 }

@media screen and (max-width:32em) {
.balken-hbuu {
 position:relative;
 }
 }

@media screen and (max-height:38em) {
.balken-hbuu {
 position:relative;
 }
 }

@media screen and (max-device-width:40em)  {
.balken-hbuu {
 position:relative;
 }
 }