/*#####################################
GLOBAL       
#####################################*/

.tm-page {
    padding: 0 0 20px 0;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    color: #00519E;
}

.uk-alert-primary, .uk-alert-danger, .uk-alert-warning, .uk-alert-success {
    font-weight: bold;
}

.uk-alert-small {
    margin-bottom: 15px;
    padding: 5px 10px 5px 10px;
}

.textsmall, .text-small {
    font-size: 12px;
    line-height: 16px !important;
}

.text-meta {
    font-size: 14px;
    color: #2494ff;
    text-transform: uppercase;
    font-weight: bold;
}

.text-meta + h1 {
    margin-top: 10px;
}

.uk-link, a {
    color: #00519E;
}

.uk-link:hover ,a:hover {
    color: #2494ff;
    text-decoration: none;
}

.uk-select[multiple], .uk-select[size], .uk-textarea {
    padding-top: 7px;
    padding-bottom: 8px;
    vertical-align: top;
}

.uk-heading-bullet::before {
    border-color: #00519E;
}

.uk-accordion-title h3 {
    margin-bottom: 0;
}

.uk-accordion-content {
    padding-bottom: 20px;
}

em {
    color: unset;
}

.uk-button {
    padding: 0 15px;
}

.uk-button-link {
    padding: 0;
}

.uk-list-striped>:nth-of-type(odd) {
    background: #f8f8f8;
}

.uk-list-striped-whitefirst>:nth-of-type(odd) {
    background: transparent;
}

.uk-list-striped-whitefirst>:nth-of-type(even) {
    background: #f8f8f8;
}

.admin-teilnehmer-danger {
    background: #fbdfdf !important;
}

.admin-teilnehmer-success {
    background: #dffbe8 !important;
}

.uk-list-hovergrid a, .uk-list-hovergrid a:hover {
    color: unset !important;
}

.uk-list-hovergrid li {
    padding: 0;
}

.uk-list-hovergrid .list-wrp {
    padding: 10px;
}

.uk-list-hovergrid a:hover .list-wrp {
    background-color: #D7ECFF;
}

.searchresults-highlight {
    background-color: #2494ff;
    color: #ffffff;
}

.overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    color: #FFFFFF !important;
}

.schatten {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.step1-preis {
	margin-left: 20px;
}

/* Dropdown */

.dropdown-primary {
    background-color: #00519E;
    width: 300px !important;
    color: rgba(255, 255, 255, 1);
}

.dropdown-primary .uk-dropdown-nav .uk-nav-header {
    color: rgba(255, 255, 255, 1);
}

.dropdown-primary li > a {
    color: rgba(255, 255, 255, .75);
    padding: 4px 0;
    font-size: 1rem;
    line-height: normal;
}

.dropdown-primary li > a:hover {
    color: rgba(255, 255, 255, 1);
}


/* Card */

.uk-card-default {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.uk-card-default.uk-card-hover:hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.card-ausgebucht, .card-ausgebucht:hover {
    color: #bbbbbb;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) !important;
}

.list-item .uk-card-small.uk-card-body {
    padding: 5px 10px;
}

/* Label */

.uk-label {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 10px;
}

.label-grey {
    background: #bbbbbb;
}

/* Progress */

.uk-progress {
    background-color: #bbbbbb;
}

.sem-progress {
    text-align: center;
    /* font-size: 12px; */
}

.sem-progress .uk-progress {
    height: 5px;
}

.sem-progress *+.uk-progress {
    margin-top: 0;
}

.uk-progress.progress-green::-webkit-progress-value {
    background-color: #11b53a ;
}

.uk-progress.progress-green::-moz-progress-bar {
    background-color: #11b53a ;
}

.uk-progress.progress-green::-ms-fill {
    background-color: #11b53a ;
}

.uk-progress.progress-red::-webkit-progress-value {
    background-color: #f0506e ;
}

.uk-progress.progress-red::-moz-progress-bar {
    background-color: #f0506e ;
}

.uk-progress.progress-red::-ms-fill {
    background-color: #f0506e ;
}


/* Buttons */

.uk-button-primary {
    background-color: #2494ff;
}

.uk-button-primary:hover {
    background-color: #00519E;
}

.uk-button-primary {
    color: #fff !important;
}

.uk-button-success {
    background-color: #11b53a;
}

.uk-button-success:hover {
    background-color: #0f7d2b;
}

.uk-button-danger:hover {
    background-color: #f0506e;
}

.uk-button-danger:hover {
    background-color: #cd1134;
}

.uk-button-danger:disabled {
    background-color: #f2b7c0;
    color: #ffffff;
    border-color: #f2b7c0;
}

.uk-button {
    text-transform: none;
}

.uk-button-small {
    padding: 0 10px 0 9px;
}

.uk-button .uk-icon {
    margin: 0 5px 0 0;
}


/* Icons */

a .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #00519E;
}

a:hover .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #2494ff;
}

a .uk-icon-polygon {
    fill: #00519E;
}

a:hover .uk-icon-polygon {
    fill: #2494ff;
}

.navbar-icons > li > a, .list-icon {
    color: #00519E;
}

.navbar-icons > li > a:hover, .list-icon:hover {
    color: #2494ff;
}

a .uk-icon-grey:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #bdbdbd;
}


.uk-icon-button:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve),
a .uk-icon-button:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve),
a:hover .uk-icon-button:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve),
.uk-button .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve),
.uk-button:hover .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #FFFFFF;
}

.uk-icon-button, .uk-icon-button:hover {
    color: #FFFFFF;
}

.uk-icon-button, .uk-icon-button:hover {
    width: 26px;
    height: 26px;
    background: #999999;
}

.icon-red, .icon-red:hover {
    background: #f0506e;
}

.icon-green, .icon-green:hover {
    background: #11b53a;
}

.icon-invisible, .icon-invisible:hover {
    background: #ffffff00;
}

.icon-invisible:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #ffffff00;
}

.uk-icon-char, .uk-icon-char:hover {
    color: #FFFFFF;
    font-size: 19px;
    padding: 0 2px 0 0 !important;
}

.uk-button .uk-icon-char {
    line-height: 10px;
    margin: 0 6px 2px 0;
}



.uk-button-link-icon .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #00519E;
}

.uk-button-link-icon .uk-icon {
    fill: #00519E;
}

.uk-button-link-icon:hover .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #2494ff;
}

.uk-button-link-icon:hover .uk-icon {
    fill: #2494ff;
}












.red {
    color: #f0506e;
}

.green {
    color: #11b53a;
}

.icon-margin {
    margin: 0 3px;
}

.uk-flex .icon-margin {
    margin: 0 6px 0 5px;
}

.headline .uk-icon-button {
    margin-bottom: 5px;
}

/* Forms */
input.uk-form-width-msmall {
    width: 70px;
}

.sem-radio-check input {
    margin-right: 10px;
}

/* Floating Placeholder */

.uk-input, .uk-select, .uk-textarea {
    border: 1px solid #d5d5d5;
}

.checkboxes {
    margin-top: 4px;
}

.user-input-wrp {
	position: relative;
}

.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 8px;
	left: 10px;
	transition: 0.2s ease all;
    color: #b8b8b8;
}

.user-input-wrp .floating-label-disabled {
    background-color: transparent;
}

.user-input-wrp .uk-input {
    padding: 13px 10px 0px 9px;
    border: 1px solid #d5d5d5;
}

.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp input:not([value='']) ~ .floating-label,
.user-input-wrp .floating-label-sticky {
	top: 1px;
	left: 10px;
	font-size: 12px;
}

.user-input-wrp .uk-textarea {
    padding: 13px 10px 0px 9px;
    border: 1px solid #d5d5d5;
}

.user-input-wrp textarea:focus ~ .floating-label,
.user-input-wrp textarea:not(:placeholder-shown) ~ .floating-label {
	top: 1px;
	left: 10px;
	font-size: 12px;
    width: 85%;
    background-color: #ffffff;
}

.user-input-wrp .uk-select {
	padding: 13px 10px 2px 5px;
}

.user-input-wrp select + .floating-label {
	top: 1px;
	left: 10px;
	font-size: 12px;
    background-color: transparent;
}

.floating-label-editor {
	top: 43px !important;
    left: 11px !important;
    font-size: 12px !important;
}

.input-readonly {
    background-color: #f8f8f8;
    color: #999;
    border-color: #e5e5e5;
}

/* TinyMCE */

.tox .tox-toolbar__group {
    padding: 0 0px 0 10px !important;
}

.tox-tinymce {
    border: 1px solid #D5D5D5 !important;
    border-radius: 0 !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: none !important;
    border-bottom: 1px solid #D5D5D5 !important;
}

.tox .tox-edit-area::before {
    border: none !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    padding: 0 !important;
}

.tox .tox-dialog {
    margin: 60px;
}

.tox .tox-dialog__header {
    padding: 10px 16px 0 20px !important;
}

figure.image {
  display: inline-block;
  border: none;
  margin: 0 2px 0 1px;
  background: none;
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image img {
  margin: 8px 8px 0 8px;
}

figure.image figcaption {
    /* copy to editor */
    margin: 6px 8px 6px 8px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

/* Modal Images */

.modal-images img {
    max-width: 100px;
    max-height: 100px;
}

.modal-images-element div {
    width: 140px;
    height: 140px;
}

.modal-images-element {
    font-size: 12px;
}

/* Image Picker */

.image_picker_selector img {
    max-width: 85px;
    max-height: 85px;
}

.image_picker_selector div {
    width: 100px;
    height: 100px;
}

.image_picker_selector div.selected {
    border: 3px solid #0f7ae5;
}

.toggle-bilder {
    border-bottom: 1px solid #d5d5d5;
}

.image_picker_selector .stock div {
    background: repeating-linear-gradient(45deg, #eee, #eee 10px, #fff 10px, #fff 20px);
}




/*#####################################
FRONTEND       
#####################################*/

.va-logo {
    height: 80px;
}

.frontend .headline {
    margin-top: 60px;
}

.hero-image div {
    max-height: 500px;
}

.hero-image-small div {
    max-height: 400px;
}

.uk-card-seminar {
    padding: 15px 15px !important;
}

#pageloader {
    background: rgba( 255, 255, 255, 0.95);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#pageloader div {
    width: 250px;
    height: 200px;
    left: 50%;
    margin-left: -125px;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 3px;
}






/*#####################################
BACKEND       
#####################################*/


/* Header */

.fobima-logo {
    width: 200px;
}

.tm-header {
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

@media (max-width: 640px) {

    .tm-header .va-name {
        margin: 10px
    }

}

.icon-headline-right {
    padding-top: 5px;
}


/* Menü */

.uk-navbar-nav>li>a {
    font-size: 16px;
    text-transform: none;
}

.uk-navbar {
    border-top: 1px solid #e7e8ea;
}

.uk-navbar>* {
    margin-top: -1px;
}

.uk-navbar-left .uk-navbar-nav>li>a {
    padding: 0 0;
    color: #00519E;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.uk-navbar-left .uk-navbar-nav>li>a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    height: 3px;
    background-color: transparent;
    transition: .3s ease-in-out;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    --uk-navbar-nav-item-line-margin-horizontal: 0;
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    left: 50%;
    right: 50%;
}

.uk-navbar-primary .uk-navbar-nav>li>a {
    font-size: 20px;
}

.uk-navbar-primary .uk-navbar-nav>li>a {
    font-weight: 400;
}

.uk-navbar-left .uk-navbar-nav>li:hover>a,.uk-navbar-left .uk-navbar-nav>li>a[aria-expanded=true] {
    color: #2494ff;
}

.uk-navbar-left .uk-navbar-nav>li:hover>a::before,.uk-navbar-left .uk-navbar-nav>li>a[aria-expanded=true]::before {
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    right: var(--uk-navbar-nav-item-line-margin-horizontal);
    background-color: #2494ff;
}

.uk-navbar-left .uk-navbar-nav>li>a:active {
    color: #2b99e2;
}

.uk-navbar-left .uk-navbar-nav>li>a:active::before {
    background-color: #2494ff;
}

.uk-navbar-left .uk-navbar-nav>li.uk-active>a {
    color: #2494ff;
}

.uk-navbar-left .uk-navbar-nav>li.uk-active>a::before {
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    right: var(--uk-navbar-nav-item-line-margin-horizontal);
    background-color: #2494ff;
}

.navbar-icons-mobile .uk-navbar-nav>li>a {
    min-height: unset;
}

.navbar-icons-mobile {
    border: none;
}

.menu-disabled {
    display: flex;
    align-items: center;
    min-height: 80px;
    font-weight: 500;
    color: #dddddd;
}


/* Main */

.headline {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dddddd;
}

.top-buttons .uk-button {
	margin: 0 0 5px 0;
}


/* Teilnehmer */

.buchung-table a {
	float: right;
    padding-top: 2px;	
}

.saldo, .saldo:hover {
    background: none;
}

.table-history td {
  padding: 5px 15px 5px 0px;
}

.table-history td p {
  margin: 0;
}

.table-history td * + p {
  margin: 5px 0 0 0;
}


/* Website */

.admin-website .tm-main {
    max-width: unset;
}

.admin-website .list-item .uk-card-small.uk-card-body {
    padding: 10px;
}

.admin-website .list-item-title, .admin-website .element-item, .uk-button-link-newitem {
    text-transform: uppercase;
    /* color: #666666; */
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 3px;
}

.uk-button-link-newitem {
    color: #00519E;
    margin-top: 10px;
}

.uk-button-link-newitem:hover {
    color: #2494ff;
}

.uk-button-link-icon-disabled {
    opacity: 0;
}

.admin-website .uk-flex .icon-margin {
    margin: 0 3px 0 3px;
}

.element-tab>*>a {
    font-size: 13px;


    display: flex;
    align-items: center;
    column-gap: .25em;
    justify-content: center;
    padding: 5px 10px;
    color: #999;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    transition: color .1s ease-in-out;
}




/* .uk-navbar {
    border-top: 1px solid #e7e8ea;
}

 */

/* .uk-navbar-container {
    padding: 0 30px;
}
.uk-navbar-nav > li > a {
    min-height: 80px;
} */


/*#####################################
PDF (PDF: 1mm = 3,8px) // PDF: 88% Zoom (Pixellineal)      
#####################################*/

.pdf-body {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    border: 0px solid green;
}

.pdf-page {
	page-break-after: always;
}

.pdf-page:last-of-type {
	page-break-after: auto;
}

.pdf-page h3 {
    font-size: 24px;
    line-height: 26px;
}

.pdf-page .text-meta {
    font-size: 10px;
    line-height: 14px;
}

.pdf-page .text-small {
    font-size: 12px;
    line-height: 14px;
}

.pdf-qrcode {
    width: 150px;
    margin: -15px;
}

.pdf-title {
    padding-right: 20px;
}

/* Shadow A5 */

.pdf-shadow-a5 .pdf-header {
    background: url("../admin/images/shadowa5.png") repeat-x bottom;
    position: relative;
    z-index: 100;
}

.pdf-shadow-a5 .pdf-logo {
    height: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
}

.pdf-shadow-a5 .pdf-hero {
    max-height: 200px;
}

.pdf-shadow-a5 .pdf-main {
    margin: -6px 30px 30px 30px;
}

/* Shadow A4 */

.pdf-shadow-a4 .pdf-header {
    background: url("../admin/images/shadowa4.png") repeat-x bottom;
    position: relative;
    z-index: 100;
}

.pdf-shadow-a4 .pdf-logo {
    height: 100px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 60px;
}

.pdf-shadow-a4 .pdf-hero {
    max-height: 300px;
}

.pdf-shadow-a4 .pdf-main {
    margin: -6px 60px 20px 60px;
}

.pdf-shadow-a4 h1 {
    font-size: 50px;
    line-height: 56px;
    padding-top: 20px;
}

/* Brief */

.pdf-brief {
    margin: 60px 60px 100px 88px;
}

.pdf-brief .pdf-header {
    height: 160px;
    text-align: right; 
}

.pdf-brief .pdf-logo {
    max-height: 100px;
    max-width: 300px;
}

.pdf-brief .pdf-main {
    margin: 0;
}

.pdf-brief-adressen td {
    height: 150px;
    border: 0px solid red;
}

.pdf-brief-absender {
    font-size: 10px;
    line-height: 13px;
}

.pdf-brief-kontakt {
    font-size: 13px;
    line-height: 17px;
    text-align: right;
}

.pdf-brief h2 {
    margin-top: 0;
}

.pdf-brief-footer {
    position: absolute; 
    bottom: 20px;
    left: 0px;
    width: 100%;
    border: 0px solid red;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
}

.pdf-brief .buchung-zeit, .pdf-brief .buchung-untertitel {
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
}

/* Cert */

.pdf-cert-table  {
    height: unset !important;
}

.pdf-cert-table tr td {
    vertical-align: top;
    padding-bottom: 10px;
}

.pdf-cert-table tr td:nth-child(1) {
    width: 18% !important;
}

.pdf-cert-table tr td:nth-child(2) {
    width: 82% !important;
}

.pdf-cert-table tr td p {
    margin: 0 !important;
}

.pdf-cert .pdf-hero-td {
    background-size: cover; 
    background-position: center center;
}

.pdf-cert .pdf-hero-td div {
    min-height: 250px;
}