/*Allgemein*/
*:focus {
    outline: none!important;
    box-shadow: inherit !important;
}
input:focus,
select:focus {
    border-color: var(--imo-rot) !important;
}
img {
    max-width: 100%;
}
:root {
    --imo-rot: #e4013a;
    --imo-grau: #7f7f7f;
    --imo-dunkelgrau: #B4B4B4;
}
.class_fuer_nicolas {
    width: 1.2em !important;
    vertical-align: bottom;/*text-top;*/
}
#mainContent {
    /*max-width: 1140px;*/
}
.c-imo-rot {
    color: var(--imo-rot);
}
.bgc-imo-rot {
    background-color: var(--imo-rot) !important;
}
.is-collapsed .logo {
    text-align: center;
}
.sidebar-menu {
    background-color: #ededed;
}
.sidebar-menu > li {
    border-top: 2px solid #ededed;
}
.sidebar-menu  li  a {
    color: #000000 !important;
}
.sidebar-menu  li  a span.title {
    vertical-align: top;
    line-height: 35px;
}
.sidebar-menu > li > a {
    background-color: #ffffff;
}
.sidebar-menu > li > ul {
    background-color: #ededed !important;
}
.sidebar-menu > li > ul > li > ul {
    background-color: #ffffff !important;
}
.sidebar-menu li a.active {
    color: white !important;
    background-color: var(--imo-rot) !important;
}
.sidebar-menu li a:hover {
    background-color: #000000 !important;
    color: white !important;
}
.sidebar-menu li a:hover .icon-holder i,
.sidebar-menu li a.active .icon-holder i {
    color: white !important;
}
.sidebar-menu>li>a .icon-holder {
    font-size: 30px !important;
}
/* Umfragen*/
/*Typo*/
body {
/*    font-family:"DIN W05 Regular", sans-serif !important; */
    font-weight: 400 !important;
    color: #333333 !important;
    font-size: clamp(1rem,1rem + 0.3vw,1.25rem) !important;
    line-height:1.2;
}

h1,h2,h3,h4,h5,h6,
input[type="submit"] {
    font-family: "DIN W05 Cond Bold", sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}
p {
    line-height: 1.3 !important;
}
h1 {
    font-size: clamp(2.1875rem,2.1875rem + 0.6vw,2.875rem) !important;
}
h2 {
    font-size: clamp(1.7875rem,1.7875rem + 0.5vw,2.5rem) !important;
}
h3 {
    font-size: clamp(1.25rem,1.25rem + 0.5vw,2rem) !important;
}
h4 {
    font-size: clamp(1.125rem,1.125rem + 0.4vw,1.625rem) !important;
}
h5 {
    font-size: clamp(1.125rem,1.125rem + 0.4vw,1.625rem) !important;
}
h6 {
    font-size: clamp(1.125rem,1.125rem + 0.4vw,1.625rem) !important;
}
a {
    color: #333333 !important;
}
.bbb a , .bb-lightbox-content a {
    color:#e4013a!important;
}
a:hover {
    color: var(--imo-rot) !important;
    text-decoration: underline;
}

.headline-red span,
.headline-black {
    color: #ffffff;
    text-transform: uppercase;
    /*display: inline-block;*/
    padding: .3rem 1.1rem;
}
.headline-red span {
    background-color: var(--imo-rot);
}
.headline-black {
    background-color: #000000;
}
.sidebar-menu li {
    font-family:"DIN W05 Cond Medium", sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: .3px;
}
.sidebar-menu li a {
    font-size: clamp(1rem,1rem + 0.2vw,1.25rem) !important;
}
.sidebar-menu li.dropdown .arrow {
    font-size: 1.25rem !important;
    -webkit-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
}
/*Footer*/
#login-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
/*Buttons*/
.btn{
    font-family:"DIN W05 Cond Black" !important;
    font-weight: 900 !important;
    color: #fff !important;
    font-size: clamp(0.875rem,0.875rem + 0.4vw,1.5rem) !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 15px rgb(0 0 0 / .16);
}
.btn-primary {
    background-color: var(--imo-rot) !important;
    border-color: var(--imo-rot) !important;
    text-transform: uppercase;
}
.btn-secondary {
    background-color: var(--imo-grau) !important;
    border-color: var(--imo-grau) !important;
    text-transform: uppercase;
}
.btn:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #fff !important;
}
/*Content-Header*/
.content-header {
    background-image: attr(data-bg-src);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    width: 100%;
    height: 20vh;
}

/*Grid*/
.grid {
    display: grid;
    width: 100%;
    grid-gap: 45px;
    margin-bottom: 2rem;
}
.grid:last-child {
    margin-bottom: 0;
}
.grid-3er {
    grid-template-columns: repeat(auto-fit, minmax(320px,1fr));/*repeat(3,1fr);*/
}
.grid-4er {
    grid-template-columns: repeat(4,1fr);
}

/*Kacheln*/

.kachel.no-icon i,
.kachel.no-meta .meta,
.kachel.no-img img {
    display: none;
}

.kachel {
    position: relative;
    background: #fff;
    /*border-radius: 4px;*/
    padding: 30px;
    box-shadow: 3px 3px 15px rgb(0 0 0 / .16);
    display:flex;
    justify-content: space-between;
}
.kachel.has-icon {
    padding-left: 90px;
}
.kachel.has-border-1 {
    border-top: 9px solid var(--imo-rot);
}
.kachel.has-border-2 {
    border-width: 9px;
    border-image: repeating-linear-gradient(-45deg,#ffffff,#ffffff 14px, var(--imo-rot) 0, var(--imo-rot) 28px) 9/9px;
}
.kachel .kachel-banner,
.kachel .kachel-anz {
    position: absolute;
    color: #ffffff;
    top:0;
}
.kachel .kachel-banner {
    background-color: var(--imo-rot);
    left:0;
    border-radius: 4px 0;
}
.kachel .kachel-anz {
    background-color: #000000;
    right: 0;
}
.kachel_kacheln_cats {
    border:none !important;
    box-shadow: 3px 3px 15px rgb(0 0 0 / .16);
    transition: all ease .3s;
    padding: 35px;
    cursor: pointer;
}
.kachel_kacheln_cats:hover {
    background-color: var(--imo-rot);
}
.kachel_kacheln_cats h2 {
    text-transform: uppercase;
    line-height: 1;
}
.kachel_kacheln_cats p {
    font-family:"DIN W05 Cond", sans-serif !important;
}
.kachel_kacheln_cats a {
    color: #333333 !important;
}
.kachel_kacheln_cats:hover a {
    color: #fff !important;
}
.kachel_text a {
    color: var(--imo-rot) !important;
    text-decoration: none !important;
}
.kachel_text a:hover {
    text-decoration: underline !important;
}

.kachelAdd {
    box-shadow: 3px 3px 15px rgb(0 0 0 / .16);
    padding: 30px;
    transition: background-color .3s ease;
}
.kachelAdd:not(:last-child) {
    margin-bottom: 1rem;
}
.kachelAdd:hover {
    background-color: var(--imo-rot);
}
.kachelAdd:hover a {
    color: #fff !important;
}
.inhaltskachel-loeschen,
.inhaltskachel-bearbeiten {
    position: absolute;
}
.inhaltskachel-loeschen {
    right: 30px;
}
.inhaltskachel-bearbeiten {
    right: 160px;
}

.kachel_dateien {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
    grid-auto-rows: minmax(220px,1fr);
    grid-gap: 30px;
}
.kachel_dateien .kachel_kacheln_dateien {
    position: relative;
    box-shadow: 3px 3px 15px rgb(0 0 0 / .16);
    padding: 30px;
}
.kachel_dateien .kachel_kacheln_dateien button {
    position: absolute;
    right:30px;
    bottom: 30px;
}
/*schwarzes Brett Blackboard public Übersicht Dashboard*/
.bbp {
    background-color: var(--imo-grau);
}
.bbp > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
    grid-gap: 45px 25px;
}
.bbp .bbb {
    position: relative;
    padding:30px 30px 72px 30px;
    border-radius: 4px;

}
.bbp.bbv .bbb:after {
    content: '';
    position: absolute;
    width:100%;
    height:100%;
    left: 0;
    top:0;
    background-color: rgba(0,0,0,.3);

}
.bbp .bbb.active {
    cursor: pointer;
    background-color: #fff;
    border-top: 9px solid var(--imo-rot);
}
.bbp.bbv .bbb.active {
    cursor: inherit;
}
.bbp .bbb h3 {
    text-transform: uppercase;
}
.bbp .bbb img {
    width: 100%;
}
.bbp .bbb .bbb_news_img-container,
.bbp .bbb .bbb_text_img-container,
.bbp .bbb .bbb_pdf_img-container,
.bbp .bbb .bbb_umfrage_img-container,
.bbp .bbb .bbb_galerie_img-container
{
    height: auto;
    overflow: hidden;
    position: relative;
}
.bbp .bbb .bbb_news_img-container img {
    height: auto;
}
.bbp .bbb .bbb_news_img-container img,
.bbp .bbb .bbb_text_img-container img,
.bbp .bbb .bbb_galerie_img-container img,
.bbp .bbb .bbb_pdf_img-container img,
.bbp .bbb .bbb_umfrage_img-container img {
    /*position: absolute;
    bottom: 50%;
    transform: translateY(50%);*/
}

.bbp .bbb.bbb_text,
.bbp .bbb.bbb_news,
.bbp .bbb.bbb_bild,
.bbp .bbb.bbb_pdf,
.bbp .bbb.bbb_umfrage,
.bbp .bbb.bbb_galerie {
    padding: 0 0 72px 0;
}
.bbp.bbv .bbb.bbb_leer {
    background-color: #fff;
}
.bbp .bbb.bbb_text .bbb_text_content,
.bbp .bbb.bbb_news .bbb_news_content,
.bbp .bbb.bbb_pdf .bbb_pdf_content,
.bbp .bbb.bbb_umfrage .bbb_umfrage_content,
.bbp .bbb.bbb_galerie .bbb_galerie_content{
    padding: 15px 30px 0;
}
.bbp .bbb .bbb_meta {
    position: absolute;
    width: 100%;
    height: 72px;
    padding: 15px 30px;
    left:0;
    bottom: 0;

}
.bbp .bbb .bbb_meta .bbb_meta-author {
    float: right;
}
.bbp .bbb .bbb_meta .bbb_meta-new {
    text-align: right;
}
/*Content Block*/

.content-block-container {
    max-width: 1140px;
}
/*Tables Tabellen*/
.dataTables_wrapper {
    overflow: visible !important;
}
table,
table * {
    border: none !important;
}
table {
    box-shadow: 0 10px 10px rgb(0 0 0 / .16);

}
thead,
tfoot {
    background-color: var(--imo-rot);
    color: #ffffff;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff !important;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color:#EFEFEF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-radius: 0;
    background-color: var(--imo-rot) !important;
    box-shadow: 3px 3px 15px rgb(0 0 0 / .16);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-radius: 0;
    background-color: #000 !important;
}
/*Login Page*/
#login-page form {
    max-width: 300px;
    /*display: flex;
    flex-direction: column;*/

}
/*Form inputs*/
input:not([type="checkbox"]) {
    border-radius: 0;
    border: 1px solid var(--imo-dunkelgrau);
    line-height: 1.3;
    width: 100%;
    height: 2.12em;
    padding-left:1em;
    padding-right:1em;
}
select {
    border-radius: 0 !important;
    border: 1px solid var(--imo-dunkelgrau) !important;
    line-height: 1.3 !important;
    height: 2.12em;
    padding-left:1em;
    padding-right:1em;
}
.dataTables_filter input {
    width: inherit;
}
input[type="submit"] {
    background-color: var(--imo-rot) !important;
    color: #ffffff !important;
    text-transform: uppercase;
    border-color:var(--imo-rot) !important;
    box-shadow: 3px 3px 15px rgb(0 0 0 / .16);
}
input[type="submit"]:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
input#username {
    margin-bottom: 10px;
}
input[type="checkbox"] {
    position: relative;
    appearance: none;
}
input[type="checkbox"]:before {
    content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    outline: 2px solid #333333;
    margin-left: 2px;
    border: 3px solid #fff;
    background-color: #fff;
    transition: all ease .3s;
}
input[type="checkbox"]:checked:before {
    outline-color: var(--imo-rot);
    background-color: var(--imo-rot);
}
input[type="checkbox"] + label {
    padding-left: calc(1rem + 7px);
}
/*Personensuche Details */
.person-container {
    display: flex;
    column-gap: 30px;
    flex-wrap: wrap;
}
.person-img-container {
    width: 30%;
    min-width: 325px;
}
.person-details {
    align-self: center;
}

@media (max-width: 500px) {
    .grid-3er > .kachel_text > img  { margin-bottom:25px; }
    .grid-3er > .kachel_dateien > .kachel_kacheln_dateien { width:85%; word-break:break-all; }
    i.ti-menu > span.monavig > span { display:none; }
    .grid-3er > .kachel_bild h2.headline-red > div { padding-right:5px!important; width:100% !important; font-size:24px!important;; }
    .main-content { padding:85px 0px!important; }
    .fancybox-slide--iframe .fancybox-content {
        background: rgba(0,0,0,0)!important;
    }
    fancybox-caption__body {
        display:none;
    }
}