/*******************************************************************************/
/* BOOTSTRAP GRID   */
/******************************************************************************/
#inhalt .row div[class*="col-"] {
	margin-bottom:24px; 
}

#inhalt .frame-boxrahmen .row div[class*="col-"] {
    margin-bottom:0; 
}

.column-space-l .row {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
}



/*******************************************************************************/
/* BOOTSTRAP ACORDION   */
/******************************************************************************/
.accordion {padding: 0px;}
.accordion .card {  border-radius: 0px !important; border: 0px !important; border-top: 0px solid #0089D1 !important; background-color:transparent;  }
.accordion h5 { padding-left: 0px !important; position:relative; display:block !important; height:unset !important;}
.accordion h5 .btn { display: block !important; width:100% !important; text-align:left; white-space:normal !important; padding:8px 18px 8px 0px;  font-size:16px !important; font-weight: 700;  }
.accordion h5 .btn .fa { position:absolute; right:0px; top:9px;  transform: rotate(0d);  transition:.3s; color:#000; font-size:1.3em;   }
.rotate { transform: rotate(-180deg); transition: .3s; }

.accordion .card-header {
	padding: 5px 0px;  
	margin-bottom: 0;
	background-color: transparent !important;
	border-bottom: 0px !important;
}

.accordion .card-header:first-child { 	border-radius:0px !important; }
.accordion .card-body  { padding:0px 5px 12px 0px !important; }
.accordion .card-body header { display:none; }
.accordion .card-body, .accordion .card-body p, .accordion .card-body ul li { font-size: 16px; margin-bottom: 0px; }
.accordion .card .collapse { border:0px !important; }

.accordion .card-header h5, 
.accordion .card-header h5 button,
.accordion .card-header:hover h5, 
.accordion .card-header:hover h5 button { 	text-decoration:none !important; }

.accordion button.btn-link { color:#000; }
.accordion button.collapsed { color:#000; }
.accordion button.collapsed .fa { color:#000; }
.accordion .card:first-child { border-top: 0px solid #0089D1 !important; }
.accordion .card:last-child { border-bottom: 0px solid #0089D1 !important; }



/*******************************************************************************/
/* BOOTSTRAP TABLES   */
/******************************************************************************/

.table-bordered td, .table-bordered th {
	border: 1px solid #fff !important; 
}

.table-equal {
    table-layout:fixed;
}

.table thead th {
	/*border-bottom: 1px solid #fff !important;*/
	border-top: none !important;
}
/*
.table thead th:first-child {
	border-left: none !important;
}

.table thead th:last-child {
	border-right: none !important;
}
*/
.table thead th {
	vertical-align: bottom;
    font-family: DroidSerif, sans-serif;
    font-size: 27px;
    font-weight:700;
    color: #fff;
    line-height:120%;
}

.table-bordered td, 
.table-bordered th {
	border-right: none !important;
    border-left:none !important
}

/*
.table tbody tr td:first-child {
	border-left: none !important;
}

.table tbody tr td:last-child {
	border-right: none !important;
}
*/

.table p {
	margin-bottom:0px !important; 
}

.table > :not(caption) > * > * {
	border-bottom-width: 0px !important;
	box-shadow: none !important
}

.table-responsiv {
    overflow-x: auto;
}



/*******************************************************************************/
/* BOOTSTRAP MODAL WINDOW   */
/******************************************************************************/

.modal {
    width: 100% !important;
	padding: 0px !important;
	border-radius: 0;
    overflow: auto !important; 
}

body.modal-open {
    overflow: auto;
}
.modal-backdrop {
   background-color: #111 !important;
   opacity: 0.8;
}
.modal-backdrop.show{
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
}
.modal-dialog {
    max-width: 1200px !important;
    padding:0px 15px !important; 
}
.modal-content {
    width:100%;
    max-width:1200px !important;
    padding:30px 40px 30px 60px;
    margin: auto !important;
    height: fit-content !important;
    background-color: #000;
    position:relative;
}

.btn-close {
    background: url(/typo3conf/ext/t3master/Resources/Public/Images/arrow_left.svg);
    background-repeat:no-repeat;
    opacity:1 !important; 
    position:absolute;
    top:35px;
    left:25px;
}

.modal-scroll {
    scrollbar-width: none;
}

@media screen and (max-width: 1230px) { 
    .modal-backdrop.show {
        opacity: 1 !important;
        filter: alpha(opacity=10) !important;
    }
    .modal-dialog {
        padding: 0px 0px !important;
        margin:0px !important; 
    }
}


@media screen and (max-width: 700px) { 
    .modal-dialog .col-sm-6 {
		flex: 0 0 auto;
		width: 100%;
	}
}


@media screen and (max-width: 640px) { 
    
    .btn-close {
        background: none !important;
        top: 18px;
        left: initial !important;
        right:10px;
    }

    .btn-close:after {
        font-family: "Font Awesome 6 Pro"; 
        font-weight: 900; 
        content: "\f00d";
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color:#18798D !important;
        font-size:1.6em;
    }


    .modal-content {
        padding: 35px 15px 30px 15px;
        margin: auto !important;
     }

     .table thead th {
        font-size: 18px;
    }
   
}






/*******************************************************************************/
/* BOOTSTRAP HELPERS   */
/******************************************************************************/
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }