.t3-new-content-element-wizard-window .panel .panel-body .media{
    display: block;
    grid-template-columns:none;
    grid-gap: none;
}
.t3-new-content-element-wizard-window .panel .panel-body .media .media-body{
    grid-column:none;
}

.t3-new-content-element-wizard-window .panel .panel-body .media .icon-size-default[class*=" icon-ext-dce"] {
    height: 102px;
    width: 197px;
    line-height: 100px;
}

/***** LOGIN *****/
.typo3-login-carousel{
    padding: 0 60px 15px 60px !important;
}
.typo3-login-wrap{
	max-width: 450px;
}
.typo3-login-wrap .card-body{
    padding-bottom:15px;
}
.typo3-login-logo img {
    max-height: 150px;
    max-width: 260px;
    padding-bottom: 20px;
}
.typo3-login-news-heading{
    font-weight:700;
    margin-bottom: 18px;
}
.typo3-login-wrap blockquote{
    font-size: 10px;
}

.t3-grid-cell-horizontal {
    white-space: normal !important;
}

.t3-grid-cell-horizontal > .t3js-sortable > .t3js-page-ce-sortable {
    display: block;
}

/***** CONTENT ELEMENTE Default Header *****/
.t3-page-ce-element {
    border: 1px solid #d3d1d1 !important
}

.t3-page-ce-header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
    padding:5px 10px !important;
}

.t3-grid-cell {
    background-color: #f9f9f9 !important;
}

/***** HIDE UKRAINE SPLASH SCREEN - im mask Element *****/
.mask-splashscreen {
	display: none !important;
}

/* verhindert dass man im Protokoll, auf "max Einträge" ALLE stellen kann -> macht oft Probleme*/

select[name="tx_belog_system_beloglog[constraint][number]"] option[value="1000000"] {
    display: none;
}

/* zeigt alle Sprachen ohne zu scrollen im Bildschierm an (nützlich bis 3 Spachen)
 .t3-grid-table{
    width:100%;
}*/

/* TypoScript Editor auf voller Höhe */
typo3-t3editor-codemirror[label*="constants"] .CodeMirror-simplescroll,  
typo3-t3editor-codemirror[label="sys_template > config"] .CodeMirror-simplescroll{
    height: 71vh !important;
    min-height: 280px;
}

/***** CUSTOM *****/

.button-primary{
    background-color: #006198;
    border-color: #006198;
}
.button-outline-primary {
    color: #006198;
    border-color: #006198;
}

/* a[class*='button']{
    display: inline-block;
    font-weight: 400;
    color: #222;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    color: #fff;
    background-color: #006198;
    border-color: #006198;
} */

.exampleContent a[class*='btn-']{
    display: inline-block;
    font-weight: 400;
    color: #222;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid;
    padding: 5px 15px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    text-decoration:none;
     margin-right:15px;
}

.btn-primary {
    background: #FF960C;
    color: #285357;
    border: 1px solid #FF960C;
    padding: 5px 15px;
}

.exampleContent .btn-primary {
    background: #FF960C;
    color: #285357;
    border: 1px solid #FF960C;
}
.exampleContent .btn-secondary {
    border: 1px solid #285357;
    background: none;
    color: #285357;
}

.btn-secondary {
    border: 1px solid #285357;
    background: none;
    color: #285357;
    padding: 5px 15px;
}

.exampleContent .btn-outline-white {
    border: 1px solid #FFFFFF;
    background: #EFECEB;
    color: #FFFFFF;
}


.btn-outline-white {
    border: 1px solid #FFFFFF;
    background: #EFECEB;
    color: #285357;
    padding: 5px 15px;
}

.btn-list__item.btn.btn-primary {
    border: 2px solid #FF960C !important;
    background: #FF960C;
    color: #003C6E;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-list__item.btn.btn-secondary {
    border: 2px solid #285357 !important;
    background: none;
    color: #285357;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-list__item.btn.btn-outline-white {
    border: 2px solid #dbdad9!important;
    background: none;
    color: #dbdad9;
    margin-top: 5px;
    margin-bottom: 5px;
}

.t3-page-ce .t3-page-ce-body-inner img {
    max-width: 20%;
}

.backend-box-image img {
    min-width: 100%;
}

.backend-box-image::before {
        content: '';
		min-height: 55%;
		width: 100%;
		background: linear-gradient(to bottom,rgba(146,146,146,0) 0%,rgba(0,0,0,.5) 100%);
		position: absolute;
		display: inline-block;
		bottom: 0;
		left: 0;
		z-index: 1;
		pointer-events: none;
}