@import url('./bootstrap.min.css');
@import url('./bootstrap-lte2.min.css');
@import url('./bootstrap-lte2-formfields.min.css');
@import url('./bootstrap-lte3-formfields.min.css');

/* #121858 - lila / #163155 - deepskyblue / #e20045 - red */
html {
    min-width: 1000px;
    min-height: 666px;
}

body {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    min-height: 666px;
    overflow: hidden;
    background: #163155;
    font-size: 1.6rem;
    display: grid;
}

/* 3:2 Container fuer Content */
#wrapper {
    position: relative; /* Anchor fuer content in childs mit css position absolute */
    width: calc(100vh * 1.5); /* 1.5 = Umrechnungsfaktor bei 1920*1280 Hintergrund Bildgroesse */
    min-width: 1000px;
    height: 100%;
    min-height: 666px; /* 1000x666 entspricht 3:2 ratio des Hintergrundbildes */
    overflow: hidden;
    background: url('../../bilder/theme/backgrounds/Start_Screen.jpg') no-repeat center top;
    background-size: contain;
}

.debug #wrapper { /* debug */
    border: green solid 5px;
}

#container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 0;
}

.inside {
    width: 100%;
    height: 100%;
}

#left {
    width: 18%;
    height: 100%;
    margin-left: 0;
    right: 0;
}

.debug #left { /* debug */
    border: red solid 1px;
}

#left > .inside {
    top: 17%;
    height: auto;
    z-index: 20;
    padding-right: 10%;
}

.debug #left > .inside { /* debug */
    border: red solid 1px;
}

#main {
    position: absolute;
    width: 82%;
    height: 88%;
    right: 0;
    z-index: 15;
}
body.page-login #main {
    right: 10%;
}
/* @overwrite by team-raum properties */
body.team-management #main {
    position: absolute;
    width: 82%;
    height: 88%;
    z-index: 15;
    top: 0;
    right: 0;
    left: unset;
}

.debug #main { /* debug */
    border: blue solid 1px;
}

#main > .inside {
    z-index: 20;
}

.debug #main > .inside { /* debug */
    border: yellow solid 1px;
}

/*body #main > .inside,*/
/*body.avatar-maker #main > .inside,*/
body.bonus-challenges #main > .inside,
body.scoreboard #main > .inside,
body.team-management #main > .inside,
body.spielanleitung #main > .inside,
body.registrierung-maske #main > .inside,
body.kontakt #main > .inside,
body.impressum #main > .inside,
body.datenschutzerklaerung #main > .inside {
    left: 2%;
    top: 22%;
    max-width: 80%;
    min-height: 250px;
    max-height: 75%;
    overflow: auto;
}
body.scoreboard #main > .inside {
    top: 20%;
}

/*body #main .mod_article,*/
body.bonus-challenges #main .mod_article,
body.scoreboard #main .mod_article,
body.team-management #main .mod_article,
body.spielanleitung #main .mod_article,
body.registrierung-maske #main .mod_article,
body.kontakt #main .mod_article,
body.impressum #main .mod_article,
body.datenschutzerklaerung #main .mod_article {
    left: unset;
    top: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
}
body.team-management #main .mod_article {
    width: 100%;
    height: inherit;
    max-height: 90%;
}

body.scoreboard #tab_teams img {
    max-height: 80px;
}

body.confirm-use-image div.no-confirm-use-image,
body.no-confirm-use-image div.confirm-use-image {
    display: none;
}

#header {
    position: absolute;
    top: 2%;
    left: 19%;
    width: 80%;
    /*height: 150px;*/
    height: 10%;
    z-index: 25;
}

.debug #header { /* debug */
    border: orange solid 1px;
}

#footer {
    position: absolute;
    right: 1%;
    bottom: 2%;
    width: 98%;
    height: 4%;
    z-index: 10;
}

.debug #footer { /* debug */
    border: orange solid 1px;
}

.mod_article,
.mod_articlelist {
    position: relative;
    z-index: 20;
}

.debug .mod_article,
.debug .mod_articlelist { /* debug */
    border: gold solid 2px;
}

/* articles and modules */
.mod_article::-webkit-scrollbar {
    display: none;
}

/* default position of articles and modules */
#main .mod_article {
    left: 2%;
    top: 21%;
    max-width: 80%;
    min-height: 250px;
    max-height: 67%; /* 20% Header 10% footer */
    overflow: auto;
}

.long-content #main .mod_article:first-of-type {
    top: 18%;
    max-height: 70%; /* 15% Header 10% footer */
}

.extra-long-content #main .mod_article:first-of-type {
    top: 12%;
    max-height: 80%; /* 10% Header 10% footer */
}

body.avatar-maker #main .mod_article {
    max-width: 95%;
    max-height: 75%;
}

/* base color and decoration */
a, h2 {
    text-decoration: none;
}
body a[href*=".pdf"],
body a[href^="files/"],
body a[href^="mailto:"] {
    font-style: italic;
}
body .mod_article a,
body .mod_article.text-black a,
body a {
    color: #222;
}
body .mod_article.text-white a,
body[class*="layout-universum"] a {
    color: #ddd;
}

/* slider color */
.slider-control *::after,
.slider-wrapper *::after,
.slider-control *,
.slider-wrapper * {
    color: black;
}

/* slider padding */
.slider-wrapper>* {
    padding-left: 20px;
    padding-right: 20px;
}

/* slider steuerbuttons */
.slider-prev,
.slider-next {
    font-size: 12px;
    font-weight: bold;
    color: gray !important;
}

/* base colors and alternative controlling in different areas */
/*#status > div:nth-child(2) *,*/
.mod_breadcrumb *,
.mod_navigation *,
.nav-tabs-custom.nav-text-white > .nav-tabs *,
.nav-tabs.nav-text-white *,
.text-block-white *,
.text-white {
    color: white !important;
}

.text-block-gray table.table-hover tbody tr:hover *,
.table-hover tbody .text-gray:hover,
.nav-tabs-custom.nav-text-gray > .nav-tabs *,
.nav-tabs.nav-text-gray *,
.text-block-gray *,
.text-gray {
    color: gray !important;
}

.text-block-white table.table-hover tbody tr:hover *,
.table-hover tbody .text-white:hover,
.nav-tabs-custom.nav-text-black > .nav-tabs *,
.nav-tabs.nav-text-black *,
.text-block-white input,
.text-block-white select,
.text-block-white option,
.text-block-black *,
.text-black {
    color: black !important;
}

.nav-tabs.nav-text-white > li.active > a,
.nav-tabs.nav-text-white > li:hover > a,
.nav-text-white.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-text-white.nav-tabs-custom > .nav-tabs > li:hover > a,
.text-block-white.nav-tabs-custom > .nav-tabs > li.active > a,
.text-block-white.nav-tabs-custom > .nav-tabs > li:hover > a {
    background-color: #fff;
    color: #444 !important;
}

.text-white .table-hover tbody > tr:hover,
.nav-tabs.nav-text-white > li.active > a *,
.nav-tabs.nav-text-white > li.active > a *,
.nav-tabs.nav-text-white > li:hover > a *,
.nav-text-white.nav-tabs-custom > .nav-tabs > li.active > a *,
.nav-text-white.nav-tabs-custom > .nav-tabs > li:hover > a *,
.text-block-white.nav-tabs-custom > .nav-tabs > li.active > a *,
.text-block-white.nav-tabs-custom > .nav-tabs > li:hover > a *,
.info-block {
    color: #444 !important;
}

/* link in checkbox element (e.g. data protection) */
/* #121858 - lila / #163155 - deepskyblue / #e20045 - red */
.widget-checkbox a,
a[href^="mailto"],
a[href^="spielanleitung.html#"],
p > a[href="registrieren.html"] {
    font-style: italic;
    text-decoration: underline !important;
}

a:hover {
    cursor: pointer;
    color: #163155;
}

button.widget {
    margin-left: 10px;
    margin-right: 10px;
}

/* tables and selections */
table td,
table th {
    padding: 10px 20px 0 0;
}

table.table-hover td,
table.table-hover th {
    padding: 5px 20px 5px 0;
}

.selection-list li,
.table-border th,
.table-border td,
.table-bordered th,
.table-bordered td {
    padding: 8px 10px 5px;
    border: gray solid 1px;
}

/* footer in tables */
.scoreboard table tfoot {
    border-top: 1px solid white;
}

/* article texts */
.ui-accordion-header,
.mod_article strong,
.mod_article span {
    font-size: 16px;
}

.mod_article form strong,
.mod_article form span {
    font-size: inherit;
}

.ce_text {
    margin: 5px 0;
}

.mod_articlelist {
    display: none;
}

.nav-tabs-custom,
.nav-tabs-custom>.tab-content {
    background: transparent;
    /*display: contents;*/
}

/* modal dialog (e.g. selection team, new team, forms) */
.modal{background: #99999966}
.modal-dialog{width:calc(100vw - 20%);max-height:calc(100vh - 10%)}
.modal-body{overflow-y:auto}
@media (min-width:576px){
    /*.modal-dialog{max-width:500px}*/
    /*.modal-sm{max-width:300px}*/
    .modal-md{max-width:720px}
}
@media (min-width:992px){
    .modal-dialog{max-width:1024px}
    /*.modal-lg,.modal-xl{max-width:800px}*/
}
@media (min-width:1200px){
    .modal-dialog{max-width:calc(100vw - 20%)}
    /*.modal-xl{max-width:1140px}*/
}

/* message boxes */
#message-box{position:absolute;left:35%;bottom:16%;width:44%;z-index:100;overflow-y:auto;max-height:80%;padding-right:10px}
#message-box .message{opacity:.9}
#message-box .message *{opacity:1}

/* badge */
.badge{font-size:inherit;line-height:inherit}
.badge.badge-info,.badge.badge-light{color:black}
.badge.badge-primary,.badge.badge-warning,.badge.badge-success,.badge.badge-danger{color:white}

/* badge extended */
.badge-primary{color:#fff;background-color:#007bff}
a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}
a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.badge-secondary{color:#fff;background-color:#6c757d}
a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}
a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.badge-light{color:#212529;background-color:#f8f9fa}
a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}
a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
.badge-dark{color:#fff;background-color:#646a70/*#343a40*/}
a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#4d5154/*#1d2124*/}
a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}

/* alert message */
/*.alert,.alert *{font-size:1.05rem}*/
.alert *:last-of-type{margin-bottom:0}
.alert-warning,.alert-warning *,.alert-info,.alert-info *,.alert-light,.alert-light *{color:black!important}
.alert-danger,.alert-danger *,.alert-success,.alert-success *{color:white!important}
.alert-warning{background-color:#f3cc12!important;border-color:#e0be0b}

/* callout message */
/*.callout,.callout *{font-size:1.05rem}*/
.callout *:last-of-type{margin-bottom:0}
.callout-info,.callout-info *,.callout-light,.callout-light *{color:black!important}
.callout-warning,.callout-warning *,.callout-danger,.callout-danger *,.callout-success,.callout-success *{color:white!important}

/* @deprecated alert with close icon */
/*.alert-dismissible{padding-right:4rem}*/
/*.alert-dismissible .close{position:relative;top:-0.5rem;right:-2rem;z-index:2}*/

/* alert extended / callout contains close icon */
.alert-heading,.callout-heading{color:inherit}
.alert-link,.callout-link{font-weight:700}
.alert:last-child,.callout:last-child{margin-bottom:0}
.alert-primary{color:#004085;background-color:#cce5ff}
.alert-primary .close *{color:#004085}
.alert-primary hr{border-top-color:#9fcdff}
.alert-primary .alert-link{color:#002752}
.alert-secondary{color:#383d41;background-color:#e2e3e5}
.alert-secondary .close *{color:#383d41}
.alert-secondary hr{border-top-color:#c8cbcf}
.alert-secondary .alert-link{color:#202326}
.alert-light{color:#818182;background-color:#fefefe}
.alert-light .close *{color:#818182}
.alert-light hr{border-top-color:#ececf6}
.alert-light .alert-link{color:#686868}
.alert-dark{color:#1b1e21;background-color:#d6d8d9}
.alert-dark .close *{color:#1b1e21}
.alert-dark hr{border-top-color:#b9bbbe}
.alert-dark .alert-link{color:#040505}
.callout-primary{color:#004085;background-color:#cce5ff}
.callout-primary hr{border-top-color:#9fcdff}
.callout-primary .callout-link{color:#002752}
.callout-secondary{color:#383d41;background-color:#e2e3e5}
.callout-secondary hr{border-top-color:#c8cbcf}
.callout-secondary .callout-link{color:#202326}
.callout-light{color:#818182;background-color:#fefefe}
.callout-light hr{border-top-color:#ececf6}
.callout-light .callout-link{color:#686868}
.callout-dark{color:#1b1e21;background-color:#d6d8d9}
.callout-dark hr{border-top-color:#b9bbbe}
.callout-dark .callout-link{color:#040505}

/* button */
/* button color */
.btn-warning:not(:disabled){color:black}
.btn-info:not(:disabled),.btn-primary:not(:disabled),.btn-success:not(:disabled),.btn-danger:not(:disabled){color:white}
.btn-warning:not(:disabled)>*{color:black}
.btn-info:not(:disabled)>*,.btn-primary:not(:disabled)>*,.btn-success:not(:disabled)>*,.btn-danger:not(:disabled)>*{color:white}
.btn.btn-warning:not(:disabled){color:black}
.btn.btn-info:not(:disabled),.btn.btn-primary:not(:disabled),.btn.btn-success:not(:disabled),.btn.btn-danger:not(:disabled){color:white}
.btn.btn-warning:not(:disabled)>*{color:black}
.btn.btn-info:not(:disabled)>*,.btn.btn-primary:not(:disabled)>*,.btn.btn-success:not(:disabled)>*,.btn.btn-danger:not(:disabled)>*{color:white}
.input-group-btn>.btn,.input-group-btn>.btn-group{min-height:34px}

/* button extended */
button,form button,input[type="submit"],.button{font-size:1em}
.btn.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}
.btn.btn-light>*{color:#212529}
.btn.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}
.btn.btn-light.focus,.btn.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn.btn-light.disabled,.btn.btn-light:disabled{background-color:#f8f9fa;border-color:#f8f9fa}
.btn.btn-light.disabled>.text-black,.btn.btn-light:disabled>.text-black,.btn.btn-light.disabled>*,.btn.btn-light:disabled>*{color:gray!important}
.btn.btn-light:not(:disabled):not(.disabled).active,.btn.btn-light:not(:disabled):not(.disabled):active,.show>.btn.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}
.btn.btn-light:not(:disabled):not(.disabled).active:focus,.btn.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
.btn.btn-dark{color:#f8f9fa;background-color:#212529;border-color:#212529}
.btn.btn-dark>*{color:#f8f9fa}
.btn.btn-dark:hover{color:#f8f9fa;background-color:#646a70/*#343a40*/;border-color:#4d5154/*#1d2124*/}
.btn.btn-dark.focus,.btn.btn-dark:focus{color:#f8f9fa;background-color:#646a70/*#343a40*/;border-color:#4d5154/*#1d2124*/;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}
.btn.btn-dark.disabled,.btn.btn-dark:disabled{background-color:#212529;border-color:#212529}
.btn.btn-dark.disabled>.text-white,.btn.btn-dark:disabled>.text-white,.btn.btn-dark.disabled>*,.btn.btn-dark:disabled>*{color:gray!important}
.btn.btn-dark:not(:disabled):not(.disabled).active,.btn.btn-dark:not(:disabled):not(.disabled):active,.show>.btn.btn-dark.dropdown-toggle{color:#f8f9fa;background-color:#4d5154/*#1d2124*/;border-color:#d3d9df}
.btn.btn-dark:not(:disabled):not(.disabled).active:focus,.btn.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}

/* button spacing extended */
.btn-group-spacing-small.btn-group .btn+.btn,.btn-group-spacing-small.btn-group .btn+.btn-group,.btn-group-spacing-small.btn-group .btn-group+.btn,.btn-group-spacing-small.btn-group .btn-group+.btn-group{margin-left:1px}
.btn-group-spacing-middle.btn-group .btn+.btn,.btn-group-spacing-middle.btn-group .btn+.btn-group,.btn-group-spacing-middle.btn-group .btn-group+.btn,.btn-group-spacing-middle.btn-group .btn-group+.btn-group{margin-left:3px}
.btn-group-spacing-big.btn-group .btn+.btn,.btn-group-spacing-big.btn-group .btn+.btn-group,.btn-group-spacing-big.btn-group .btn-group+.btn,.btn-group-spacing-big.btn-group .btn-group+.btn-group{margin-left:6px}
.btn-group-vertical-spacing-small.btn-group-vertical>.btn+.btn,.btn-group-vertical-spacing-small.btn-group-vertical>.btn+.btn-group,.btn-group-vertical-spacing-small.btn-group-vertical>.btn-group+.btn,.btn-group-vertical-spacing-small.btn-group-vertical>.btn-group+.btn-group{margin-top:1px}
.btn-group-vertical-spacing-middle.btn-group-vertical>.btn+.btn,.btn-group-vertical-spacing-middle.btn-group-vertical>.btn+.btn-group,.btn-group-vertical-spacing-middle.btn-group-vertical>.btn-group+.btn,.btn-group-vertical-spacing-middle.btn-group-vertical>.btn-group+.btn-group{margin-top:3px}
.btn-group-vertical-spacing-big.btn-group-vertical>.btn+.btn,.btn-group-vertical-spacing-big.btn-group-vertical>.btn+.btn-group,.btn-group-vertical-spacing-big.btn-group-vertical>.btn-group+.btn,.btn-group-vertical-spacing-big.btn-group-vertical>.btn-group+.btn-group{margin-top:6px}

/* button padding extended */
[class*="btn-group-"].btn-padding-lg>*>.btn,[class*="btn-group"].btn-padding-lg>.btn,.btn.btn-padding-lg{padding:10px 16px;border-radius:6px}
[class*="btn-group-"].btn-padding-md>*>.btn,[class*="btn-group"].btn-padding-md>.btn,.btn.btn-padding-md{padding:5px 10px;border-radius:4px}
[class*="btn-group-"].btn-padding-sm>*>.btn,[class*="btn-group"].btn-padding-sm>.btn,.btn.btn-padding-sm{padding:2px 8px;border-radius:3px}
[class*="btn-group-"].btn-padding-xs>*>.btn,[class*="btn-group"].btn-padding-xs>.btn,.btn.btn-padding-xs{padding:1px 5px;border-radius:3px}

/* button span font-size extended */
.btn>span{font-size:14px}
.btn-group-lg>.btn>span,.btn-lg>span{font-size:18px}
.btn-group-sm>.btn>span,.btn-sm>span{font-size:12px}
.btn-group-xs>.btn>span,.btn-xs>span{font-size:11px}

/* font icons */
/* #121858 - lila / #163155 - deepskyblue / #e20045 - red */
.overlay>.fa-refresh,.overlay>.fa-spin{color:#163155}
.overlay>.fa-check,.overlay>.fa-check-circle{color:#41ad49}
.overlay>.fa-times,.overlay>.fa-times-circle{color:#e44061}
.btn-group-vertical *:not(:only-child).fa{width:1.5em}
.btn-group-vertical .display-table>.fa+*{padding-left:6px;width:80%}
/*:not(:only-child).fa::before{margin-right:3px}*/
span+.fa::before,.fa+*{margin-left:3px}
i.caret:last-of-type{margin-left:3px}
i.caret:first-of-type{margin-right:3px}

/* hidden element by media height */
@media (max-height:654px){
    .hidden-height-xs{display:none!important}
}
@media (max-height:655px) and (max-height:845px){
    .hidden-height-sm{display:none!important}
}
@media (max-height:846px) and (max-height:1023px){
    .hidden-height-md{display:none!important}
}
@media (max-height:1024px){
    .hidden-height-lg{display:none!important}
}

/* footer text bold */
.impressum [title="Impressum"],.kontakt [title="Kontakt"]{font-weight:bold}

/* avatar and team-logo (status container) */
#status:not(.top-left){left:3%;bottom:50px;width:auto}
#header #status,#status.top-left{left:-16%;top:0;width:auto}
body.supertimes #header #status{left:8%;top:0;width:inherit}
#status{margin:10px 0 0 10px;position:absolute;float:left;z-index:-5}
#status>div:nth-child(2){position:relative;top:4px}
#status>div:nth-child(1).float-left~div:nth-child(2){position:relative;left:10px;top:0}
#status>div:nth-child(2) *{font-size:11pt!important;line-height:1.4em!important;color:white;width:auto}
#status>div:nth-child(2) p{margin-bottom:0}
.block-avatar,.block-team-logo{display:block}
.avatar,.team-logo{margin:0 5px;color:transparent;max-width:unset;max-height:80px;width:auto!important}
#status .avatar{position:relative;left:3%;top:0}
#status .team-logo{position:relative;left:9%;top:0}
.avatar[src=""]{background:url('../../bilder/theme/default/avatar-30x66.png')}
.team-logo[src=""]{background:url('../../bilder/theme/default/team-logo-48x48-free.png')}
.team-initiales{position:absolute;bottom:10%;right:50%}
body.no-team #status>div:nth-child(2),body.no-team img.team-logo{visibility:hidden;display:none}
.img-wrapper{position:relative}

/* base formatting */
.h1,h1,.h1 *,h1 *{font-size:2em}
.h2,h2,.h2 *,h2 *{font-size:1.5em}
.h3,h3,.h3 *,h3 *{font-size:1.375em}
.h4,h4,.h4 *,h4 *{font-size:1.25em}
.h5,h5,.h5 *,h5 *{font-size:1.125em}
.h6,h6,.h6 *,h6 *{font-size:1em}
h1,h2,h3,h4,h5,h6{padding:9px 0 6px}
.h1,.h2,.h3,h1,h2,h3{margin-top:6px;margin-bottom:3px}
hr{margin-bottom:10px}
hr.text-black{border-top:1px solid rgba(0,0,0,0.2)}
hr.text-gray{border-top:1px solid rgba(153,153,153,0.8)}
hr.text-white{border-top:1px solid rgba(255,255,255,0.8)}
p{margin-top:0;margin-bottom:0.5rem}

/* text formatting */
.title{font-weight:bold}
.text-normal{font-weight:normal}
.help-block{font-size:smaller}

/* alignment */
.text-left,.image-left{text-align:left}
.text-center,.image-center,.center-h{text-align:center}
.text-right,.image-right{text-align:right}
.text-justify{text-align:justify}
.text-left>*,.left-h>*,.text-block-left{width:max-content;margin-right:auto;margin-left:inherit}
.text-center>*,.center-h>*,.text-block-center,.text-center-h{width:max-content;margin-left:auto;margin-right:auto}
.text-right>*,.right-h>*,.text-block-right{width:max-content;margin-left:auto;margin-right:inherit}
.vertical-top,.display-table .vertical-top{vertical-align:top}
.vertical-middle,.display-table .vertical-middle,.center-v{vertical-align:middle}
.vertical-bottom,.display-table .vertical-bottom{vertical-align:bottom}
.vertical-top>*,.top-v>*,.text-block-top{margin-bottom:auto}
.vertical-middle>*,.center-v>*,.text-block-middle,.text-center-v{margin-top:auto;margin-bottom:auto}
.vertical-bottom>*,.bottom-v>*,.text-block-bottom{margin-top:auto}
.center-all{text-align:center;vertical-align:middle}
.center-all>*{width:max-content;margin:auto}

/* line-through (<s>) */
.text-line-through,.text-line-through *{text-decoration:line-through;color:#888!important}
.badge.text-line-through,.badge .text-line-through{color:#aaa!important}

/* text shadow */
.text-shadow{text-shadow:gray 1px 1px}
body.supertimes .text-shadow-possible{text-shadow:black 1px 1px;color:gainsboro !important}

/* no padding / no margin */
.no.padding-h{padding-left:0!important;padding-right:0!important}
.no.padding-v{padding-top:0!important;padding-bottom:0!important}
.no.padding{padding:0!important}
.no.padding-top{padding-top:0!important}
.no.padding-bottom{padding-bottom:0!important}
.no.padding-left{padding-left:0!important}
.no.padding-right{padding-right:0!important}
.no-margin-h{margin-left:0!important;margin-right:0!important}
.no-margin-v{margin-top:0!important;margin-bottom:0!important}
.no-margin{margin:0!important}
.no-margin-top{margin-top:0!important}
.no-margin-bottom{margin-bottom:0!important}
.no-margin-left{margin-left:0!important}
.no-margin-right{margin-right:0!important}

/* full height / full width */
.block-stretch,.block-stretch>.formbody{width:99%}
.full-stretch,.full-width{width:98%}
.full-stretch>.formbody,.full-width>.formbody{width:100%}
.full-height,.scoreboard #container .mod_article{height:95%}
.full-height>.formbody{height:100%}
.max-height{max-height:100%}
.max-width{max-width:100%}

/* floating */
.float-left{float:left}
.float-right{float:right}
.float-left-items li{float:left!important;margin-right:10px}
.no-float,.float-none,.slider-control{float:none!important;clear:both}
.text-no-wrap{white-space:nowrap}

/* height unset */
.no-height{height:unset}
.no-min-height{min-height:unset}
.no-max-height{max-height:unset}

/* width */
.w100,.form-w100 .formbody{width:100%}
.w95,.form-w95 .formbody{width:95%}
.w90,.form-w90 .formbody{width:90%}
.w85,.form-w85 .formbody{width:85%}
.w80,.form-w80 .formbody{width:80%}
.w75,.form-w75 .formbody{width:75%}
.w70,.form-w70 .formbody{width:70%}
.w66,.form-w66 .formbody{width:66%}
.w65,.form-w65 .formbody{width:65%}
.w60,.form-w60 .formbody{width:60%}
.w55,.form-w55 .formbody{width:55%}
.w50,.form-w50 .formbody{width:50%}
.w45,.form-w45 .formbody{width:45%}
.w40,.form-w40 .formbody{width:40%}
.w35,.form-w35 .formbody{width:35%}
.w33,.form-w33 .formbody{width:33%}
.w30,.form-w30 .formbody{width:30%}
.w25,.form-w25 .formbody{width:25%}
.w20,.form-w20 .formbody{width:20%}
.w15,.form-w15 .formbody{width:15%}
.w10,.form-w10 .formbody{width:10%}
.w5,.form-w5 .formbody{width:5%}

/* width by bootstrap */
[class*="col-"]{padding-left:0;padding-right:0}

/* opacity */
/*.hidden{display:none!important}*/
.opacity-100{opacity:100%}
.opacity-90{opacity:90%}
.opacity-80{opacity:80%}
.opacity-70{opacity:70%}
.opacity-60{opacity:60%}
.opacity-50{opacity:50%}
.opacity-40{opacity:30%}
.opacity-30{opacity:30%}
.opacity-20{opacity:20%}
.opacity-10{opacity:10%}
.opacity-0{opacity:0%}

/* inner */
.padding-24{padding:24px!important}
.padding-18{padding:18px!important}
.padding-12{padding:12px!important}
.padding-6{padding:6px!important}
.padding-top-24,.padding-vertical-24{padding-top:24px!important}
.padding-top-18,.padding-vertical-18{padding-top:18px!important}
.padding-top-12,.padding-vertical-12{padding-top:12px!important}
.padding-top-6,.padding-vertical-6{padding-top:6px!important}
.padding-bottom-6,.padding-vertical-6{padding-bottom:6px!important}
.padding-bottom-12,.padding-vertical-12{padding-bottom:12px!important}
.padding-bottom-18,.padding-vertical-18{padding-bottom:18px!important}
.padding-bottom-24,.padding-vertical-24{padding-bottom:24px!important}
.padding-left-24,.padding-horizontal-24{padding-left:24px!important}
.padding-left-18,.padding-horizontal-18{padding-left:18px!important}
.padding-left-12,.padding-horizontal-12{padding-left:12px!important}
.padding-left-6,.padding-horizontal-6{padding-left:6px!important}
.padding-right-6,.padding-horizontal-6{padding-right:6px!important}
.padding-right-12,.padding-horizontal-12{padding-right:12px!important}
.padding-right-18,.padding-horizontal-18{padding-right:18px!important}
.padding-right-24,.padding-horizontal-24{padding-right:24px!important}

/* spacer */
.margin-24{margin:24px!important}
.margin-18{margin:18px!important}
.margin-12{margin:12px!important}
.margin-6{margin:6px!important}
.top-24,.vertical-24{margin-top:24px!important}
.top-18,.vertical-18{margin-top:18px!important}
.top-12,.vertical-12{margin-top:12px!important}
.top-6,.vertical-6{margin-top:6px!important}
.bottom-6,.vertical-6{margin-bottom:6px!important}
.bottom-12,.vertical-12{margin-bottom:12px!important}
.bottom-18,.vertical-18{margin-bottom:18px!important}
.bottom-24,.vertical-24{margin-bottom:24px!important}
.left-24,.horizontal-24{margin-left:24px!important}
.left-18,.horizontal-18{margin-left:18px!important}
.left-12,.horizontal-12{margin-left:12px!important}
.left-6,.horizontal-6{margin-left:6px!important}
.right-6,.horizontal-6{margin-right:6px!important}
.right-12,.horizontal-12{margin-right:12px!important}
.right-18,.horizontal-18{margin-right:18px!important}
.right-24,.horizontal-24{margin-right:24px!important}

/* background */
.filled-rounded,.filled{background:rgba(255,255,255,.75);padding:1% 2%}
.filled-rounded label .mandatory,.filled label .mandatory,.filled-rounded *,.filled *{color: black}
.no-background{background:none !important}
.border,.bordered{border:rgba(255,255,255,.8) solid 2px;padding:1% 2%}
.no-border,.no-bordered{border: 0 none !important}
.filled-rounded,.border-rounded,.bordered-rounded{border-radius:6px}

/* border line */
.box-border-all{border: 1px solid #8888}
.box-border-top{border-top: 1px solid #8888}
.box-border-left{border-left: 1px solid #8888}
.box-border-right{border-right: 1px solid #8888}
.box-border-bottom{border-bottom: 1px solid #8888}

/* display */
.display-table{display:table}
.display-table>*{display:table-cell}
.display-block{display:block}
.display-block-ruby{display:block ruby}
.display-ruby{display:ruby}
.display-grid{display:grid}
.display-flex,form.display-flex{display:flex}
.display-contents{display:contents}
.inline-block{display:inline-block}
.inlne-grid{display:inlne-grid}
.inlne-flex{display:inlne-flex}
.column-hidden{display:none!important}
.scroll-overflow,.scrollable{overflow-y:auto}
.visible-overflow{overflow:visible}
.unset-overflow,.ce_form,.tab-pane{overflow:unset}

/* position: absolute */
.position-absolute{position:absolute}
.position-top-left{top:0;bottom:auto;left:0;right:auto}
.position-top-right{top:0;bottom:auto;right:0;left:auto}
.position-bottom-left{bottom:0;top:auto;left:0;right:auto}
.position-bottom-right{bottom:0;top:auto;right:0;right:auto}
.position-left,.dropdown-menu.position-left{left:0;right:auto}
.position-right,.dropdown-menu.position-right{right:0;left:auto}
.position-top{top:0;bottom:auto}
.position-bottom{bottom:0;top:auto}

/* caption */
caption{caption-side:top;margin:5px 0;padding:0}

/* form */
form{display:grid}
.form-block .formbody{width:100%}
.form-widget-inline{padding:0 8px 0;margin-top:2px}

/* form body + columns-2 form body */
.formbody{margin-top:-6px;min-width:250px;width:50%}
.columns-2 .formbody,#entsenden .formbody{width:100%}
body.team-raum #main .formbody{width:80%}

/* form badge */
.formbody .badge{margin:16px 0 0}

/* form fieldset */
.formbody>fieldset{border:gray solid 1px;padding:0 8px 0;margin-top:2px;width:100%}
.formbody>fieldset>legend{width:auto}
.formbody>fieldset>legend:after,form .formbody>fieldset>legend:before{content:'.';color:transparent}
.formbody legend+div{margin-bottom:10px}
.formbody legend~div{margin-left:0}
.formbody .fields{padding-top:0;padding-bottom:0;margin:0}
.box-body .form-group:last-of-type{margin-bottom:0}

/* columns-2 form fieldset */
.columns-2 .formbody>fieldset{width:calc(100% + 20px)}
.columns-2 .zugangsdaten>:nth-child(1){clear:both;float:none}
.columns-2.invitation .personendaten>:nth-child(1){clear:none;float:left}

/* form widget extended */
.widget{padding-top:6px;margin-bottom:0;font-size:14px}
.widget>*{width:100%}
.widget>label{margin-bottom:3px}
.form-control{padding:6px 8px;color:black}
.form-control,.form-control~label{font-size:14px}
input:disabled,select:disabled,label.disabled{color:darkgray;background-color:#fcfcfc}
button:disabled{color:darkgray}
button:disabled>*{color:gray}

/* submit button below fields container */
/*.ce_headline~div .formbody>.fields~.widget-submit{padding:0}*/
.widget-submit{margin:12px 0 0;padding-bottom:12px;clear:both}
.widget-submit .submit{width:100%;margin:0;padding:6px 20px}

/* form element for images */
.widget-image{margin-top:12px}

/* form element for file uploads */
.widget-upload{margin-top:12px;white-space:nowrap}
.widget-upload>input[type=file]{width:100%}

/* select(tl_chosen) [form element extended] */
.widget>div.tl_chosen{width:100%}
.widget>div.tl_chosen a,.widget>div.tl_chosen span{color:black;text-decoration:unset}
.form-control.tl_chosen+.chzn-container,select.tl_chosen+.chzn-container{z-index:unset}
.form-control.tl_chosen:disabled+.chzn-container *,select.tl_chosen:disabled+.chzn-container *{color:darkgray;background-color:#e8e8e8}
.chzn-container .chzn-results li{margin-bottom:2px;max-width:98%}
.chzn-container-single .chzn-single{height:34px;padding:6px 8px;font-size:1em;line-height:1.42857143}
.chzn-container-single .chzn-single>span,.chzn-container .chzn-results li{margin-right:0;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chzn-container-single .chzn-single>span{max-width:95%}
.chzn-container-multi{height:auto!important}
.chzn-container-multi>ul{height:auto!important;overflow:auto;max-height:5em}
.chzn-container-multi .chzn-choices .search-field input{margin:0}
div.tl_chosen .search-choice{max-width:250px;text-overflow:ellipsis;overflow:hidden}
div.tl_chosen .search-choice>span{white-space:nowrap}

/* select(tl_chosen) + button */
.input-group>div.select-chosen{border:0 none}
.input-group>div.select-chosen~.input-group-addon{padding:0;border:0 none}
.input-group>div.select-chosen~.input-group-addon button{height:34px;border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>*:first-child>*,.input-group>*:first-child>.chzn-container-single .chzn-single{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group>.input-group-addon>*:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}

/* checkbox container (Newsletter, ...) */
.checkbox_container>span{display:block}
/*.checkbox_container[id^="ctrl_newsletter"]>legend{display:block;font-size:1em;margin:6px 0 0}*/

/* errors */
.widget p.error{width:100%;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;position:relative;padding:.25rem .75rem;margin-bottom:.5rem;border:1px solid transparent;border-radius:.25rem}

/* columns-2 form element */
.columns-2 .widget{float:left;width:50%;min-width:25%;padding-right:2%}
.columns-2 .widget-checkbox,.columns-2 .widget-radio{float:none;clear:both;width:100%}
.columns-2 .widget+.widget-checkbox,.columns-2 .widget+.widget-radio{padding-top:12px;padding-bottom:0}
.columns-2 .widget-checkbox+.widget-checkbox,.columns-2 .widget-radio+.widget-radio{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}

/* breadcrumb */
.mod_breadcrumb{margin:10px 10px 0;float:left}
.mod_breadcrumb li{float:left}
.mod_breadcrumb li:after{margin:0 .3em;content:'>'}
.mod_breadcrumb li:last-of-type:after{margin:0;content:''}

/* navigation menu and footer links */
.mod_navigation{margin:20px 14px 20px 0}
.mod_navigation li{margin:5px 5px 0;text-align:right}
.mod_navigation li.submenu>ul{margin-right:14px}
.mod_navigation li.no-menu{font-style:italic!important;font-size:smaller;color:silver}
.mod_navigation li>a::after,.mod_navigation li>strong::after,#footer a>span::before{content:'.';color:transparent;background:#e20045;font-size:8pt;position:absolute;width:10px;height:10px}
.mod_navigation li>a::after,.mod_navigation li>strong::after{margin-left:8px;margin-top:8px}
#footer a>span::before{margin-left:-17px;margin-top:25px}
#footer a>span{padding-left:18px}

/* navigation menu with toggle icom */
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}
.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}
.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}
.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

/* accordion */
.ce_accordion>div:first-child{background-color:rgba(255,255,255,.5);padding:5px 10px;margin:5px 0;cursor:pointer}
.ce_accordion [class^=mod_]{margin-top:12px;margin-bottom:0}
.ce_accordion .accordion.ui-accordion-content{margin-bottom:12px}
.ce_accordion .accordion.ui-accordion-content .ce_form *:last-child{margin-bottom:0}

/* cursor */
.cursor-pointer{cursor:pointer}
.cursor-disabled,.cursor-not-allowed{cursor:not-allowed}
.cursor-grab{cursor:grab}
.cursor-help{cursor:help}
.cursor-move{cursor:move}

/* summernote */
.note-editor{margin-bottom:0}
.note-editor .panel-heading .note-btn.btn{padding:5px 8px}
.note-editor .panel-heading [class*="line-break"]{display:block;margin:0!important;padding:0!important}
.note-editor ul.dropdown-fontsize>li>a,.note-editor ul.dropdown-line-height>li>a{text-align:right!important}
.note-editor .note-toolbar .note-dropdown-menu,.avatar-maker-wrapper .note-popover .popover-content .note-dropdown-menu{min-width:max-content!important}
.note-editor .note-toolbar .note-para .note-dropdown-menu,.avatar-maker-wrapper .note-popover .popover-content .note-para .note-dropdown-menu{min-width:max-content!important}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{margin:0 6px!important}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{margin:0 3px!important}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:17px!important}
.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{height:17px!important}
.note-editor .note-toolbar .dropdown-menu>li>a{padding:0 20px!important;font-size:12px!important}
.note-editor .note-toolbar .dropdown-menu>li>a>*{font-size:12px!important}
.note-editor .note-editing-area .note-editable{min-height:100px;max-height:180px}
button.note-color-btn{background-image:none}
.modal-backdrop.in{display:none}
/*.note-editable :not(font) a{text-decoration:underline;color:blue}*/
/*.note-editable font a{text-decoration:underline;color:unset}*/
.note-editable a{text-decoration:underline;color:blue}
.note-editable p{margin-bottom:0}