:root {
/* colours */
--rot: rgba(255,0,15,1);
--tiefblau: rgba(0,40,90,1);
--papaya: rgba(237,106,88,1);
--limone: rgba(222,222,0,1);
}


/* 
 * BEGIN Kooperationen 
 */
 
#traeger .el-title,
#gremien .el-title,
#mitgliedschaften .el-title {
font-size: 22px;
font-weight: 700;
}
#traeger .el-meta,
#gremien .el-meta,
#mitgliedschaften .el-meta {
font-family: Roboto;
font-weight: 500;
color: rgba(0,40,90,0.8);
line-height: 1.8;
}
#traeger .el-link,
#gremien .el-link,
#mitgliedschaften .el-link {
color: #ED6A58;
font-style: italic;
}
/* 
 * Traeger 
 */
.id-mg-11775 img { /* dgb */
width: 180px;
}
.id-mg-11776 img { /* dvv */
width: 250px;
}
 /* 
  * Mitgliedschaften 
  */
.id-mg-11779 img { /* bagso */
width: 80px;
}
.id-mg-11777 img { /* bap */
width: 130px;
}
.id-mg-12767 img { /* bbb */
width: 150px;
}
.id-mg-11780 img { /* die */
width: 120px;
}
.id-mg-11781 img { /* eaea */
width: 240px;
}
.id-mg-11782 img { /* ijab */
width: 240px;
}
.id-mg-11818 img { /* kaw */
width: 120px;
}
.id-mg-12765 img { /* nationales buendnis digitale kompetenzen */
width: 160px;
}
.id-mg-12768 img { /* zusammen fuer demokratie */
width: 160px;
}
/* 
 * Gremien 
 */
.id-mg-11777 div.uk-margin-small-top:has(>.el-link) {
    margin-bottom: 20px !important;
}
.id-mg-11777 img { /* bap */
/* width: 160px; */
}
.id-mg-11790 img { /* bmfsfj */
width: 260px;
margin: 20px 0 -20px -20px !important;
}
.id-mg-11789 img { /* bpb */
width: 130px;
}
.id-mg-11778 img { /* gemini */
width: 130px;
}
.id-mg-12766 img { /* wochenschau verlag */
width: 150px;
}
.id-mg-11857 img { /* alpha-dekade */
width: 200px;
}

div[class*="id-mg-"] img {
/* 
height: 80px;
width: auto;
 */
}
/*
 * END Kooperationen
 */
 
/* --------------------------------------------------
 * BEGIN CCM19 */
 
body > div > .cpnb-m-cookies-floatButton {
    display: none;
}
.ccm--consent-switch {
  margin-top: 10px;
}
.ccm--consent-switch input:not(:checked) + label {
  color: #ff0000;
}
.ccm--consent-switch input[type="checkbox"]:not([class*="uk-"]):not(:checked) {
border: 1px solid #ff0000;
}

/* END CCM19 
 * -------------------------------------------------- */



/* --------------------------------------------------
 * BEGIN header/navbar/toolbar */

.tm-header .uk-navbar {
margin-right: 0;
}
.tm-header .uk-navbar-center:not(:only-child) {
display: flex;
flex-direction: column;
align-items: flex-end;
/* Logo 70 Jahre */
transform: translate(calc(-50% + 120px),0);
/* Logo Dachmarke */
/* transform: translate(-50%,0); */
gap: 23px;
height: 100%;
}
@media(max-width: 1500px) {
	.tm-header .uk-navbar-center:not(:only-child) {
	left: auto;
	right: 0%;
	transform: translate(0);
	}
}
@media (max-width: 1300px) {
  .tm-header .uk-navbar-nav {
    gap: 0;
  }
}
@media(max-width: 1300px) {
	.tm-header .uk-navbar-nav > li > a {
	padding: 0 10px;
	}
	.tem-header .uk-navbar-nav > li > a::before {
	left: 10px;
	right: 10px;
	}
}
.uk-navbar-dropdown.item-arbeitsfelder .uk-child-width-1-3 > div:nth-child(1) {
width: 33%;
}
.uk-navbar-dropdown.item-arbeitsfelder .uk-child-width-1-3 > div:nth-child(2) {
width: 39%;
}
.uk-navbar-dropdown.item-arbeitsfelder .uk-child-width-1-3 > div:nth-child(3) {
width: 28%;
}



.tm-header-mobile .uk-navbar {
margin-right: 0;
}
.tm-header-mobile .uk-navbar-toggle {
padding-right: 0;
}
#module-menu-dialog-mobile .uk-parent .uk-nav-parent-icon > svg {
transform: rotate(90deg) scale(1.2);
}
#module-menu-dialog-mobile .uk-parent.uk-open .uk-nav-parent-icon > svg {
transform: rotate(180deg) scale(1.2);
}



/* Toolbar Icons */
.tm-header-mobile .tm-toolbar {
margin-right: 0;
}
.tm-header-mobile .uk-navbar-right {
justify-content: flex-end;
}
@media(max-width: 619px) {
	.tm-header-mobile .uk-navbar-center .uk-navbar-item {
	padding: 0;
	}
	.tm-header-mobile .uk-navbar-center {
	margin-left: -40px;
	}
}
.tm-header-mobile .uk-navbar-item.uk-logo {
margin-left: 10px;
}
@media(max-width: 1184px) {
	.tm-header-mobile .uk-navbar-toggle {
	min-height: 110px;
	}
}
.tm-header-mobile .tm-toolbar {
padding-top: 5px;
padding-right: 10px
}
.tm-header-mobile .uk-navbar-right .uk-navbar-item {
position: absolute;
top: 0;
right: 0;
min-height: 30px;
}
.tm-header-mobile .uk-navbar {
  padding-left: 20px;
}
@media(max-width: 639px) {
	.tm-header-mobile .uk-navbar {
	padding-left: 8px;
	}
}


.uk-navbar-item.uk-logo,
#module-356.uk-navbar-item {
padding-right: 0;
}
.uk-navbar-toggle {
padding: 0 30px;
}
.uk-navbar-dropdown {
padding-top: 15px;
padding-bottom: 15px;
}
.uk-navbar-dropdown-grid {
max-width: 1460px;
margin: 0 auto;
}


img.logo-jubi {
height: 85px;   
}

@media(max-width: 440px) {
	.uk-navbar-item.uk-logo {
	height: 135px;
    margin: 0 -40px -20px 0;
	}
}

/* toolbar icons end */ 


.logo-toolbar-home {
height: 160px;
width: auto;
}

.menu-icon > div {
font-size: 0px;
}





/* END header/navbar/toolbar 
 * -------------------------------------------------- */


.fields-container:has(.sprachen-selbstdarstellung) {
list-style-type: none;
}

@media(min-width: 480px) {
	.form-horizontal .controls {
	margin-left: 180px;
	}
	.form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
	}
	.field-spacer .controls {
	display: block;
	height: 36px;
	}
}
.well {
  min-height: 20px;
  padding: 30px;
  margin-bottom: 20px;
  background-color: #cdd5de;
  border-radius: 2px;
}
#jform_com_fields_datenschutzerklaerung.checkboxes input {
  margin-right: 10px;
}





@media(max-width: 900px) {
  #ga-image {
    float: none;
    margin: 0 0 20px 0 !important;
    display: block !important;
  }
}

.modalCheckBox input {
  border: 1px solid #444444;
}

/* align button in panels to the bottom */
.button-align-bottom .el-item {
display: flex !important;
flex-direction: column;
}


.button-align-bottom .uk-card-body  {
display: flex;
flex-direction: column;
flex-grow: 2;
}
.button-align-bottom .uk-card-body .el-content {
flex-grow: 1;
display: flex;
flex-direction: column;
}


.uk-breadcrumb li:last-child:after {
content: "/ ...";
display: inline-block;
margin: 0 18px 0 calc(18px - 4px);
font-size: 14px;
}

.wf_caption > span {
font-size: 10px;
color: #444;
padding-top: 10px;
}

.kontakt .page-header {
margin-bottom: 0;
padding-bottom: 0;
}

#Bundesrepublik_Deutschland:hover #Schriftfeld {
opacity: 0;
}





.no-hyphens {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}


.uk-button.uk-button-default:not(.al-publication):before {
/*content: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.7 26.7' style='enable-background:new 0 0 18.7 26.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%0A.st0%7Bfill:currentColor;%7D%0A%3C/style%3E%3Cpolygon points='5,26.7 0,21.5 8.3,13.2 0,5.1 5.3,0 18.7,13.2 '/%3E%3Cpolygon class='st0' points='0,5.1 5.3,0 18.7,13.2 5,26.7 0,21.5 8.3,13.2 '/%3E%3C/svg%3E%0A");*/
content: url(../icons/angle-right.svg);
width: 10px;
float: left;
position: relative;
margin: 2px 8px -2px 0;
}

.uk-button.angle-left.uk-button-default:not(.al-publication):before {
content: url(../icons/angle-left.svg);
}

.uk-button.angle-down.uk-button-default:not(.al-publication):before {
content: url(../icons/angle-down.svg);
width: 14px;
margin: 1px 8px -1px 0;
}

.uk-button.angle-up.uk-button-default:not(.al-publication):before {
content: url(../icons/angle-up.svg);
width: 14px;
margin: 1px 8px -1px 0;
}

.uk-button.uk-button-default.al-publication:before,
.al-publication .el-content.uk-button.uk-button-default:before,
.al-publication > .uk-button.uk-button-default:before,
.download .uk-button.uk-button-default:before {
content: url(../icons/download.svg);
width: 15px;
float: left;
position: relative;
margin: 4px 8px -4px 0;
}

#audio-video .uk-button.uk-button-default.al-publication:before,
.angle-right .uk-button.uk-button-default:before{
content: url(../icons/angle-right.svg);
width: 10px;
float: left;
position: relative;
margin: 2px 8px -2px 0;
}


#themen .uk-button.uk-button-default:before {
content: url(../icons/angle-right-white.svg);
}

#themen .uk-button.uk-button-default {
border: 1px solid #fff;
background: rgba(255,255,255,0.1);
}

.blank .uk-button.uk-button-default::before {
display: none;
}



h2.jem-files {
margin-top: 30px;
}

#jem .buttons > a {
margin-left: 10px;   
}

.el-item > .uk-card-media-top {
border: 1px solid rgba(242,244,246,1);
border-bottom-width: 0;
}

.impressum .uk-nav > li > a {
font-size: @text-small-font-size;
line-height: @text-small-line-height;
}



.contact > .page-header + h3,
.contact-position.dl-horizontal dt {
display: none;
}
.page-header {
border-bottom-width: 0;
}



#advancedSearch #finder-filter-window > .filter-branch {
display: none;
}

.el-content,
.el-title,
.uk-navbar-nav{
-webkit-hyphens: auto;  
-moz-hyphens: auto;  
hyphens: auto;  
}

.uk-search-input::placeholder {
font-size: 24px;
font-style: italic;
}

.no-hyphens,
.no-hyphens * {
    -webkit-hyphens: none !important;  
	-moz-hyphens: none !important;  
	hyphens: none !important;  
}



article div[property="image"] .caption-bottom {
position: relative;
bottom: 20px;
height: 20px;
padding: 0;
display: block;
line-height: 20px;
text-align: right;
}

article div[property="image"] .caption-bottom span {
/* background: rgba(255,255,255,.8); */
padding: 0px 5px 0 2px;
/* color: #444; */
/*font-size: 12px; */
margin-top: -5px;
display: inline-block;
}

.jem-catimg {
margin-left: 30px;   
}

#jem svg {
display: none;
}

#jem_date, #jem_title {
margin-left: -5px;
}

.termine .copyright {
opacity: 0.5;
pointer-events: none;
font-size: 10px;
}

h2.jem-category-title {
display: none;
}

#jem.jem_categorytermine > .buttons > a[href*="task=archive"]:before {
  content: "Termin-Archiv zeigen ...";
  float: left;
  font-weight: normal;
  line-height: 18px;
  font-size: 14px;
  margin-right: 15px;
}

#jem.jem_categorytermine > .buttons > a[href*="veranstaltungen?filter"]:before {
  content: "Aktuelle Termine zeigen ...";
  float: left;
  font-weight: normal;
  line-height: 18px;
  font-size: 14px;
  margin-right: 15px;
}

.catimg a.flyerimage {
pointer-events: none;
}

body.submission { overflow-y: scroll!important; }

#item-submission .required > label:after {
  content: " *";
  font-weight: 700;
  color: #c8000d;
}

.submission.karriere .download-preview + .more-options {
  display: none;
}

.submission.karriere .wf-editor-toggle {
  color: rgba(0,0,0,0) !important;
}

.submission.karriere #ui-datepicker-div {
  z-index: 10 !important;
  background: #f5f5f5;
}

#jform_com_fields_datenschutzerklaerung .checkbox {
padding-left: 0;
}

#jform_com_fields_datenschutzerklaerung .checkbox input {
margin-right: 10px;
}

.datenschutz-label {
color: rgba(0,0,0,0);
font-size: 0;
}

.star {
color: #ff0000;
font-size: 16px;
margin-top: -20px;
}

[data-tag="--Wir-für-Sie-vor-Ort"] .el-item.uk-card {
padding: 0;
background: #fff;
box-shadow: none;
}

#karte-popover .fa-map-marker-alt path {
fill: rgba(237,106,88,1);
}

#karte-popover svg.fa-map-marker-alt {
height: 30px !important;;
width: 20px !important;
}

#karte-popover .el-marker svg + svg {
display: none;
}

  .angebote-vor-ort.uk-section-default {
  padding: 0 40px;
}

@media(max-width: 1029px) {
  .angebote-vor-ort.uk-section-default {
  padding: 0 30px;
}
}

@media(max-width: 639px) {
  .angebote-vor-ort.uk-section-default {
  padding: 0 15px;
}
}

#karte-popover .tm-popover-items.uk-margin.uk-hidden\@s {
  display: none !important;
}

#karte-popover .tm-popover-items.uk-visible\@s {
  display: block !important;
}

#karte-popover:not(:hover) .el-marker {
  opacity: 0;
  transition: opacity ease-in ease-out 1s;
}

#satzung .el-item ol li + li {
  margin-top: 20px;
}

#satzung .el-item .el-title {
  padding: 10px;
  margin-left: -10px;
  border-radius: 2px;
}

#satzung .el-item .el-title:hover {
  background: rgba(0,0,0,0.05);
}



/* 
image copyright/caption 
general */

.caption-block,
.caption-meta .el-meta,
.caption-alt .el-meta,
.meta-caption .el-meta,
.alt-caption .el-meta {
xbackground: rgba(255,255,255,0.8);
position: absolute;
bottom: 0px;
right: 0px;
padding: 2px 5px;
font-size: 12px;
}

.image-caption,
.meta-caption .el-meta,
article .caption-bottom{
color: #000;
/*color: rgba(0,40,90,1);*/
/*color: rgba(222,220,0,1);*/
text-align: right;
font-size: 9.5px;
line-height: 10px;
text-shadow: -1px -1px 2px #fff, 1px 1px 2px #fff;
xbackground: rgba(255,255,255,0);
}

.image-caption {
text-align: right;
padding: 2px 3px 0 0;
margin: -15px -3px 0 0;
}

/* panels */
.image-caption.panel {
height: 10px;
margin: -15px -3px 0 0;
position: relative;
z-index: 1;
}

.image-caption.publication {
margin-top: 5px;
color: #909090;
text-align: left;
}

.image-caption.panel span {
position: relative;
z-index: 1;
}

.meta-caption .el-meta,
.image-caption span {
padding: 2px 3px;
}

.meta-caption .el-item:hover .el-meta,
.el-item:hover .image-caption span {
}

.image-caption.panel.publication span {
display: inline-block;
max-width: 130px;
padding-left: 0;
}


.uk-panel > .uk-child-width-expand > .uk-width-auto\@s > .el-image {
padding-top: 10px;
}

@media(max-width: 1029px) /*and (min-width: 640px)*/ {
	.panel-main .el-image { 
	height: 65vw; 
	}	
}

.wir-ueber-uns h1[property="headline"] {
letter-spacing: -0.3px;
}

@media(min-width: 640px) {
	.el-title {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	}
}

/* BEGIN Chronik */
.chronik .uk-card-default {
background-color: #fcfcfd;
/* background-color: rgba(0,40,90,0.05); */
/* border: 1px solid rgba(237,106,88,0.15); */   
/* border: 1px solid rgba(222,220,0,1); */   
border: 1px solid rgba(0,40,90,0.2);   
}
.chronik .uk-card-default:has(>.el-content) {
display: flex;
flex-direction: column;
height: 100%;
}
.chronik .uk-card-default > .el-content {
margin-bottom: auto;
}

.vertical-timeline-lag > div > .uk-panel {
  margin-top: -0px;
/*   border: 1px solid #e2e2e2; */
}

.vertical-timeline-lag .el-content {
  margin-left: 80px;
  margin-bottom: 40px;
}
.vertical-timeline-lag .el-content::before {
  content: "";
  width: 40px;
  height: 40px;
  border: 2px solid rgba(237,106,88,1);
  background: rgba(0,40,90,0.2);
  border-radius: 500px;
  position: absolute;
  transform: translate(-60px,-10px);
}
.vertical-timeline-lag > div:not(:last-child) .el-content::after {
  content: "";
  width: 2px;
  height: calc(100% +  80px - 40px);
  background: rgba(237,106,88,1);
  position: absolute;
  transform: translate(-38px,calc(32px + 40px - 100%));
}
/* END Chronik */