/* #f6f6f6 */
/**** Global ****/
html body { font-family: "Arial", sans-serif; font-size: 12px; font-weight: 300; }

a { text-decoration: none; color: #000; }

h1, h2, h3, h4 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.posi-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

img { max-width: 100%; display: block; }

li {margin-bottom: 0.2em;}

.cursr-move { cursor: move; }

.bkg-dark { background-color: #e6e6e6; }

.colrkoebo, kb {color: #EE3151;}

.ui-content { padding: 0; width: 100%; height: 100%; max-width: 1920px; max-height: 1080px; position: absolute; overflow: hidden; background-color: #000; }

.ui-mobile [data-role="page"].ui-page { overflow: hidden; }

.hide { display: none; }

.ui-page { z-index: 100; }

.uprcs { text-transform: uppercase; }

.pos-abs { position: absolute; }

.bold, bold { font-weight: bold; }

.undrln { text-decoration: underline; }

.bb { border-bottom: 1px solid #000; }



/******** Global Grids ***************/
.row { overflow: hidden; box-sizing: border-box; margin-left: -0.8rem; margin-right: -0.8rem; }

.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-12 { float: left; box-sizing: inherit; }

.row > .col-xs-2, .row > .col-xs-3, .row > .col-xs-4, .row > .col-xs-5, .row > .col-xs-6, .row > .col-xs-7, .row > .col-xs-8, .row > .col-xs-9, .row > .col-xs-12 { padding: 0 0.8rem; }

.col-xs-2 { width: 16.666%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33%; }

.col-xs-5 { width: 41.666%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.333%; }

.col-xs-8 { width: 66.66%; }

.col-xs-9 { width: 75%; }

.col-xs-12 { width: 100%; }

/******** Global Margin/Padding Classes **********/
.m-0 { margin: 0; }

.m-b-1 { margin-bottom: 1em; }

.m-b-1-2 { margin-bottom: 1.2em; }

.m-b-2 { margin-bottom: 2em; }

.m-b-3 { margin-bottom: 3em; }

.m-t-0 { margin-top: 0; }

.m-t-05 { margin-top: 0.5em; }

.m-t-1 { margin-top: 1em; }

.m-t-2 { margin-top: 2em; }

.m-r-1 { margin-right: 1em; }

.m-r-3 { margin-right: 3em; }

.m-r-7 { margin-right: 7em; }

.p-1 { padding: 1em !important; }

.p-2 { padding: 2em !important; }

.p-t-04 { padding-top: 0.4em; }

.p-t-1 { padding-top: 1em; }

.p-t-2 { padding-top: 2em; }

.p-b-1 { padding-bottom: 1em; }

.p-b-05 { padding-bottom: 0.5em; }

.p-l-0 { padding-left: 0em !important; }

.p-l-1 { padding-left: 1em; }

.p-l-2 { padding-left: 2em !important; }

.p-l-3 { padding-left: 3em !important; }

.p-r-3 { padding-right: 3em !important; }

.logo-mrg-b { margin-bottom: 85px; }

/**** Background IMG ****/
div.container .backimg { background-color: black; position: relative; }

.container { height: 100%; }

.backimg { height: 100%; }

.backimg.computed { max-width: 1920px; }

.backimg img { max-height: 100%; max-width: 1920px; }

.backimg img.tiny { max-height: 1080px; max-width: 100%; }

/**** Jquery Mobile ****/
.ui-icon-loading { background: url("images/ajax-loader.gif"); background-color: transparent; background-size: auto auto; background-size: 2.875em 2.875em; }

/**** Canvas ****/
#canvscont { display: none; position: absolute; height: 100%; width: 100%; z-index: 230; overflow: hidden; }

#canvas { max-height: 1080px; max-width: 1920px; position: absolute; height: 100%; }

#canvas.tiny { max-height: 1080px; max-width: 100%; height: auto; }

/**** Schnittbutton *****/
.schnittbutton { position: absolute; background-color: rgba(238, 49, 81, 0.7); animation: pulse 1s infinite alternate; }

.schnittbutton a { display: block; color: #FFF; padding: 0.5rem 2rem; }

@keyframes pulse { from { box-shadow: 0px 0px 0px 0px #EE3151; background-color: rgba(238, 49, 81, 0.7); }
  to { box-shadow: 0px 0px 10px 0px #EE3151; background-color: rgba(238, 49, 81, 0.9); } }
/***** Blurbutton ******/
.blurbtn { position: absolute; }

.blurbtn h2 { color: #EE3151; }

.blurbtn a { color: #FFF; background-color: #000; padding: 0.3rem 1rem; }

/****** Blurbox ******/
.fade-wrapper, .fade-wrapper-sub { position: relative; overflow: hidden; }

.blurbox { position: absolute; width: 96%; max-width: 1600px; top: 4%; left: 50%; transform: translate(-50%, 0%); box-sizing: border-box; display: none; z-index: 1100; padding: 1em; background-color: #f6f6f6; min-height: 70%; }

.blurbox .content { padding: 1em; }

.stdhead { background-color: #EE3151; color: #FFF; padding: 0.3em 2em; }

div[data-role="blur-main-sub"] { position: absolute; display: none; top: 0; left: 0; width: 100%; }

div.active[data-role="blur-main-sub"] { position: relative; }

.ui-overlay-a { background-color: #252525; }

.ui-popup-screen.ui-overlay-a.in { opacity: 0.3; }

.whiteright { float: right; color: #FFF; margin-left: 1.5rem; margin-top: -0.4em; }

/**** Tabs *****/
.small-nav { list-style: none; overflow: hidden; margin: 0; background-color: #000; }

.tabs .tab { background: #000; float: left; text-align: center; border-right: 1px solid #FFF; transition: all ease .3s; }

.tabs .tab > a { padding: 0.25em 1em; color: #fff; display: block; }

.tabs .tab.active, .tabs .tab:hover { background-color: #595959; }

/**** Ladebalken ****/
#ladebalken { height: 2px; width: 300px; border: 1px solid #EE3151; margin: auto; position: absolute; top: 60%; left: 50%; transform: translate(-50%, 0%); }

#fortschritt { height: 2px; width: 0px; background-color: #000; border: none; }

/**** Startpage		*****/
#startpage, #minrespage { height: 100%; }
#startpage .ui-content, #minrespage .ui-content { background-color: #FFF; }
#startpage .ui-content .center-container, #minrespage .ui-content .center-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#startpage .ui-content .center-container img, #minrespage .ui-content .center-container img { margin: auto; width: 55%; }

.ui-loader { top: 70%; }

/**** Table ****/
th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; }

.table > tbody > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; }

.table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: bottom; }

.table-bordered { border: 1px solid #000; }

.table-bordered > thead > tr > th { border-bottom-width: 2px; vertical-align: bottom; border: 1px solid #000; border-bottom-width: 2px; }

.table-bordered > tbody > tr > td { border: 1px solid #000; }

.table .first40 { width: 40%; }

/******* Language Switcher ************/
.langcont {display: none; position: absolute; top: 3%; right: 2%; margin-top: 0px; }

.langsw { display: block; opacity: 0.55; transition: opacity 0.3s; }

.langsw:hover { opacity: 1; }

.langsw.active { opacity: 1; }

.lang-de { margin-right: 5px; margin-top: -0.5rem; }

.ui-overlay-zx { z-index: 1200; }

/******* Viewports *******/
@viewport { orientation: landscape; }
@media (min-height: 960px) { html body { font-size: 14px; } }
@media (max-height: 768px) { html body { font-size: 11px; } }
@media (max-height: 680px) { html body { font-size: 10px; }
  .blurbox { top: 2%; } }
@media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333% !important; }
  .col-md-2 { width: 16.66667% !important; }
  .col-md-3 { width: 25% !important; }
  .col-md-4 { width: 33.33333% !important; }
  .col-md-5 { width: 41.66667% !important; }
  .col-md-6 { width: 50% !important; }
  .col-md-7 { width: 58.33333% !important; }
  .col-md-8 { width: 66.66667% !important; }
  .col-md-9 { width: 75% !important; }
  .col-md-10 { width: 83.33333% !important; }
  .col-md-11 { width: 91.66667% !important; }
  .col-md-12 { width: 100% !important; } }
@media (min-width: 1200px) { html body { font-size: 13px; }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
  .col-xl-1 { width: 8.33333% !important; }
  .col-xl-2 { width: 16.66667% !important; }
  .col-xl-3 { width: 25% !important; }
  .col-xl-4 { width: 33.33333% !important; }
  .col-xl-5 { width: 41.66667% !important; }
  .col-xl-6 { width: 50% !important; }
  .col-xl-7 { width: 58.33333% !important; }
  .col-xl-8 { width: 66.66667% !important; }
  .col-xl-9 { width: 75% !important; }
  .col-xl-10 { width: 83.33333% !important; }
  .col-xl-11 { width: 91.66667% !important; }
  .col-xl-12 { width: 100% !important; } }
@media (min-width: 1600px) { html body { font-size: 14px; } }