@font-face {
    font-family: "Karla Custom";
    src: url("../fonts/karla-v6-latin-regular.woff2") format("woff2");
}

/* Vars */
:root {
  --global-color: #505050;
  --global-emphasis-color: #000;
  --global-link-color: #000;
  --global-muted-color: #000;
  --global-primary-background: #505050;
  --global-secondary-background: #000;
  --global-success-background: #000;
}


/* Generell */

#tm-main > div.uk-container {
}

joomla-alert[type="success"] {
  background:  var(--global-success-background);
}



/* Header */

	.uk-navbar-toggle svg {
		width: 26px;
	}
/* Dialog Mobile */

#tm-dialog-mobile .uk-offcanvas-close svg {
		width: 30px;
		color: var(--global-emphasis-color);
		position: relative;
		top: 10px;
}
.uk-toggle.rotate svg {transform: rotate(180deg)}

#tm-dialog-mobile {

}


/* Mobile Nav */
#tm-dialog-mobile li {
	padding-bottom: 10px;
}
#tm-dialog-mobile li a {
	font-weight: 400;
}
#tm-dialog-mobile li:first-of-type {

}
h1 {
	margin-bottom: 0;
}

 


img {
	  max-width: 93%;
		padding-left: 7%;
	  padding-right: 7%;
}
.pl-no-padding img {
	max-width: 100%;
	padding-left: inherit;
	padding-right: inherit;
}


/* Grid Masonry YT */

.pl-grid {
	margin-left: -5px;
  margin-right: 5px;
}
.pl-grid .el-title:first-of-type {
	margin-top: 4px !important;
}
.pl-cat-desc h1 {
	margin-top: 5px;
	margin-bottom: 10px;
}
.pl-cat-desc h1 ~ p {
	margin-top: 5px;
}

.pl-grid a {
	text-decoration: none;
}




/* Masonry Grid / Content */

.grid.pl-grid .gutter-sizer,
.pl-content .gutter-sizer { 
	width: 0; /* inline padding angewandt */
}
.grid.pl-grid .grid-item,
.pl-content .grid-item {
  width: 100%;
  transition: all 0.4s;
}
.grid.pl-grid .grid-item:not(.grid-intro) > div { 
	padding: 10px 5px 15px;
}
.grid.pl-grid .grid-item.grid-item--width2,
.pl-content.grid-item.grid-item--width2 {
  width: 100%;
}
.grid.pl-grid .grid-item.grid-item--width3,
.pl-content .grid-item.grid-item--width3 {
  width: 100%;
}


/* Content */

.pl-content .grid-item { 
	padding: 0 5px 15px;
}





/* Chronik */

body.chronik .el-title,
body.lehre .el-title,
body.publikation .el-title {
	margin-bottom: 2px;
}


/* Footer */
#footer {

}

/* Home */
body.home {
}

/* BS s */
@media (min-width: 576px) {

}
/* YT small standard */
@media (min-width: 640px) {



	
/* YT Grid Content */

	.pl-content .uk-width-1-2\@s:first-of-type {
		width: calc(200% / 3);
	}
	.pl-content .uk-width-1-2\@s {
		width: calc(100% / 3);
	}


}
/* BS md */
@media (min-width: 768px) {
  	
}
/* YT medium standard */
@media (min-width: 960px) {
	
	/* Generell */
	html, body, p, i, em, h1, h2, h3, h4, h5, h6 {
		font-size: 15px;
	}

  #tm-main >div.uk-container {

	}

	/* Left */
	.pl-left-fix {
		min-width:180px;
	}


	/* Header */
	.uk-logo {
		position: fixed;
		line-height: 1.1;
	}

	/* Left */
	.pl-left-fix > div {
		position: fixed;
	}
	
	/* Nav left */

	.pl-nav-left li a {
		transition: all .3s ease
	}

	.pl-nav-left li a:hover, .pl-nav-left li a:focus {
		text-decoration: underline;
		padding-left: .8em
	}

	.pl-nav-left li.uk-active a {
		text-decoration: underline;
		padding-left: .8em
	}


	/* Masonry Grid Content */

	.grid.pl-grid .grid-item,
	.pl-content .grid-item {
    width: 29.333333%;
  }
	.grid.pl-grid .grid-item.grid-item--width2,
	.pl-content .grid-item.grid-item--width2 {
    width: 62.666666%;
  }
  .grid.pl-grid .grid-item.grid-item--width3,
  .pl-content .grid-item.grid-item--width3 {
    width: 100%;
  }
	  

}






/* BS l */
@media (min-width: 992px) {

	

}
/* YT large standard / BS xl */
@media (min-width: 1200px) {
	
}
/* BS xxl */
@media (min-width: 1400px) {

}
/* YT xlarge standard */
@media (min-width: 1600px) {

}