/* 

PerSe

FARBEN

Blau      rgba(30,171,227,1)   #1eabe3

Rot       rgba(225,0,15,1)     #e1000f
Tiefblau  rgba(0,40,90,1)      #00285a
Papaya    rgba(237,106,88,1)   #ed6a58
Limone    rgba(222,220,0,1)    #dedc00
Türkis    rgba(0,134,119,1)    #008677

FONTS

Exo 2 Light       300
Exo 2 Regular     400
Exo 2 SemiBold    600
Exo 2 ExtraBold   800

Roboto Slab light     300
Roboto Slab Regular   400
Roboto Slab Medium    500
Roboto Slab Bold      700    

Roboto Regular   400
Roboto Medium    500
Roboto Bold      700

Roboto Condensed Light     300
Roboto Condensed Regular   400
Roboto Condensed Bold      700

https://styleguide.arbeitundleben.de/

*/


@media (max-width: 1199px) {
	body {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
}
.tm-toolbar {
  xmargin-bottom: -50px
}

.tm-toolbar .cloud {
margin-top: -12px;
margin-bottom: -10px;
}

.tm-toolbar .cloud svg circle, 
.tm-toolbar .cloud svg path {
stroke: rgba(0,0,0,0.3);
}

.tm-toolbar {
background: #FFF;
}

.tm-toolbar .claim {
color: #626262;
font-family: 'Roboto Slab';
font-size: 12px;
background: #FFF;
}

.tm-header .uk-sticky-below .tm-toolbar .claim {
}


@media(min-width: 1290px) {
	.tm-header .uk-sticky-fixed:not(.uk-sticky-below) + .uk-sticky-placeholder[style] {
	height: 155px !important;
	}
}

.tm-header .uk-navbar-nav .administratives {
display: none;
}

#module-menu-mobile .uk-parent > a {
font-weight: 700;
border: 1px solid #fff;
border-width: 0 0 1px 0;
 padding: 1px 0;
}

.tm-header .home {
display: none;
}

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


/* termine START */

.termine .el-title {
margin-top: -8px !important;
padding-right: 60px;
}

.termine-archiv .el-title {
margin-top: -8px !important;
padding-right: 160px;
}

.termine .el-meta,
.termine-archiv .el-meta {
position: absolute;
top: -20px;
right: 0px;
background: #1eabe3;
letter-spacing: -1.5px;
font-family: "Roboto Condensed";
font-weight: 600;    
font-size: 36px;
font-weight: bold;
color: #fff;
line-height: 40px;
text-align: center;
padding: 2px 3px 2px 5px;
}

/* Punkte */
.termine .el-meta span {
font-weight: 400;
}

.termine-archiv .el-meta br {
display: none;
}

/* Jahreszahl */
.termine .el-meta span:last-child {
display: block;
margin-top: 0px;
font-size: 24px;
}

@media (max-width: 640px) {
	.termine-archiv .el-title {
	margin-right: 60px;
	}
	.termine-archiv .el-meta br {
	display: inline;
	}
	.termine-archiv .el-meta span {
	font-weight: 400;
	}
	/* Jahreszahl */
	.termine-archiv .el-meta span:last-child {
	display: block;
	margin-top: 0px;
	font-size: 24px;
	}
}




/* Termine END */


/* pagination */
.uk-pagination {
margin-left: -3px;
}
.uk-pagination > li {
padding: 0;
margin-left: 5px;
}

.uk-pagination > li > * {
padding: 0 5px 2px 5px;
background: #e2e2e2;
min-width: 28px;
text-align: center;
}

.uk-pagination > li.uk-active {
background: rgba(40,171,227,1);
}

.uk-pagination > li.uk-active > * {
color: #FFF;
}

.uk-pagination > li > *:hover {
background: rgba(40,171,227,0.5);
color: #626262;
}



.uk-subnav li > a {
border: 1px solid #e2e2e2;
padding: 3px 10px 5px 10px;
background: rgba(30,171,227,0.1);
}

.padding-top-remove .tm-main.uk-section {
padding-top: 0;
}

/* search icon main menu */
.tm-header li.item-144 {
margin-left: 0px;
}

.tm-header li.item-144 > a {
padding: 0 10px;
margin-left: 0px;
}


@media(min-width: 960px) and (max-width: 1199px) {
	.uk-navbar-center:not(:only-child) {
	position: static; 
	transform: none;
	margin-left: 20px;
	}
	.uk-navbar-nav > li > a {
	font-size: 1.55vw;
	}
}

@media(max-width: 1130px) {
	.uk-navbar-nav > li > a {
	text-transform: none;
	letter-spacing: 0px;
	padding: 0 1vw;
	}
	.uk-navbar-nav > li > a {
	text-transform: none;
	letter-spacing: 0px;
	padding: 0 1vw;
	}
	li.item-144 > a {
	padding-left: 3vw;
	}
}

@media(max-width: 549px) {
	.tm-header-mobile .uk-navbar-center:not(:only-child) {
	position: absolute;
	top: 40px;
	left: 50px;
	transform: none;
	}
	.tm-header-mobile .uk-logo svg {
	height: 90px !important;
	width: 90px !important;
	}
}

/* breadcrumbs home icon */
.uk-breadcrumb .uk-icon {
position: relative;
top: -3px;
}
.uk-breadcrumb .uk-icon svg polygon {
fill: #1EABE3;
}
.uk-breadcrumb li:last-child {
 xdisplay: none;
}


.image-without-padding .el-item.uk-card-small.uk-card-body {
padding: 0;
}

.image-without-padding .el-item > div > .uk-margin-remove-first-child {
padding: 20px;
}



.form-control-feedback {
padding-left: 20px;
color: #FF0000;
}

/* offcanvas home icon */
#tm-mobile .item-101 svg polygon {
fill: #FFF;
}

#tm-mobile .item-101 svg {
margin: 30px 0 20px 0;
width: 24px;
height: 24px;
}

/* Offcanvas search icon */
#tm-mobile .item-144 {
margin: 30px 0 20px -18px;
padding-left: 0;
float: left;
display: inline-block;
}

#tm-mobile .item-144 a:after {
content: "Suche";
color: #FFF;
margin: -3px 0 0 0;
}

.uk-navbar-toggle-icon svg {
height: 30px;
width: 30px;
}



.wf_caption > span {
font-size: 10px;
color: #626262;
padding-top: 5px;
text-align: right;
}

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 {
padding: 0px 5px 0 2px;
margin-top: -5px;
display: inline-block;
}

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

.image-caption,
.meta-caption .el-meta,
article .caption-bottom{
color: #1eabe3;
text-align: right;
font-size: 10px;
line-height: 12px;
}

.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: #626262;
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;
}

.panel-image-caption.image-caption {
color: #626262;
margin: 5px 3px -15px 0;
}



.uk-text-justify {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.uk-h3-underline .uk-h3,
.uk-h3.uk-h3-underline,
.uk-h3-underline h3 {
padding-bottom: 10px;
border-bottom: 1px solid #8FD6F2;
}

.uk-list li {
padding-top: 15px;
}

.uk-list-bullet li:before {
content: "";
display: block;
height: 8px;
width: 8px;
background: #FFF;
position: relative;
top:-8px;
}

/* subnav */

.uk-panel .uk-subnav > li {
margin: 0 5px 3px 0;
}

@media(min-width: 500px) {
	.uk-panel .uk-subnav > li:nth-child(n+2) {
	padding-left: 0;
	}
}

@media(min-width: 400px) and (max-width: 499px) {
	.uk-panel .uk-subnav > li {
	width: calc(50% - 5px);
	}
	.uk-panel .uk-subnav > li:nth-child(even) {
	padding-left: 0;
	}
}

@media(max-width: 399px) {
	.uk-panel .uk-subnav > li {
	width: 100%;
	}
}