@import url("flickrsuite.css");
@import url("responsive.css");

/* Dokument */
html, body{
font-family: Barlow;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
}

html.wk-notouch body div.tm-page div.uk-section-default.uk-section div.uk-container img,
html.wk-notouch body div.tm-page div.uk-section-default.uk-light div.uk-background-norepeat.uk-background-cover{
    filter:grayscale(55%);
    /*background: rgba(255,212,155,0.15);
    background-repeat: no-repeat;
    background-size: cover;*/

}
html.wk-notouch body div.tm-page div.uk-section-default.uk-section div.uk-container img:hover
/*html.wk-notouch body div.tm-page div.uk-section-default.uk-light div.uk-background-norepeat.uk-background-cover:hover*/{
    filter:grayscale(0%)
}

div.tm-rotate-180{
    display:none;
}

.tm-sidebar{
    margin-top:16px;
}

/* Typo */

.uk-link, a {
	/*color: #8C7B63;*/
	color: #e3001b;
}

.uk-link:hover, a:hover, .uk-link:active, a:active, .uk-link:focus, a:focus {
	/*color: #eee1c2;*/
	color: #8C7B63;
}

.uk-text-primary {
	color: #e3001b !important;
}


.uk-light .uk-heading-medium{
	color: #fff;
	text-shadow: 2px 2px 5px #000;
}

.uk-heading-small {
    font-size: 43px;
	text-transform: none;
	letter-spacing: .75px;
	font-weight: 400;
}

h2.uk-heading-small {
	margin-bottom: 60px;
}

div h2, div h3.wk-panel-title, div .uk-h4, div h4 {
	text-transform: none;
}

/* Menu Navi */

.uk-navbar-nav > li > a::before, .uk-navbar-nav > li.uk-active > a::before {
	display: none;
}
.uk-navbar-nav > li.uk-active > a {
	color: #e3001b;
}

div.uk-navbar-left, div.uk-navbar-right {
	z-index: 991;
}

div.uk-navbar-center {
	z-index: 102;
}

div .uk-navbar-dropdown-nav > li.uk-active > a, div .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
	color: #e3001b;
}

/* Hobel-Divider ausschalten */

.uk-divider-small::after {
	display: none;
}

/* Buttons */

.uk-button-text, a.wk-button, div .btn, div .uk-button, .uk-light .uk-button-text {
	/*border-bottom: 2px solid #8C7B63;*/
	/*color: #8C7B63;*/
	/*border-bottom: 2px solid #e3001b;*/
    border: 2px solid #e3001b !important;
    color:#e3001b;
    padding: 2px 5px !important;
    text-transform:uppercase;
    font-size:18px;
	font-family: Barlow;
	font-weight: 500;
	line-height: 33px;
	min-height: 35px;
	background-color: transparent;
}

.uk-button-text:hover, .uk-button-text:active, .uk-button-text:focus,
a.wk-button:hover, a.wk-button:active, a.wk-button:focus{
	border: 2px solid #e3001b;
	border-color: #e3001b !important;
	color: #fff;
    background:#e3001b;
}

div .uk-button.uk-button-secondary {
	border-color: #fff !important;
	color: #fff;
	background-color: transparent;
}

div .uk-button.uk-button-secondary:hover, div .uk-button.uk-button-secondary:active, div .uk-button.uk-button-secondary:focus {
	background-color: #fff;
	color: #e3001b;
}

/* Slider */

.uk-slidenav {
    padding: 14px 17px;
    color: #ffd49b;
    background: #e3001b;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
}

.uk-slideshow-items div .uk-button {
	/*border-color: #fff !important;*/
}

div .uk-thumbnav > * > :focus::after {
	border-color: #fff;
}

div .uk-thumbnav > * > :hover::after {
	border-color: #e3001b;
}

/* Unnötiges Padding in Top-Section entfernen */

#tm-top.uk-section {
	padding: 70px 0 0;
}

/* Responsive Video embedding  */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Referenzen Grid */

html.wk-notouch body div.tm-page div.uk-section-default.uk-section div.uk-container.uk-container-large div.uk-grid-large.uk-margin-large.uk-grid.uk-grid-stack div.uk-flex-auto.uk-width-1-1\@m.uk-first-column div.no-filter.uk-margin .wk-subnav.wk-subnav-line.wk-flex-left, div.no-filter > .wk-subnav {
    display:none
}

.content-sidebar-referenzen img.el-image{
	max-width: 100%;
height: 250px;
box-sizing: border-box;
object-fit: cover;
}

/* YTP-Grids */

/*.el-nav.uk-subnav > .uk-active > a, .el-nav.uk-subnav a:hover, .el-nav.uk-subnav a:focus, .el-nav.uk-subnav a:active {
	color: #e3001b;
}

.el-nav.uk-subnav a {
	font-family: Barlow;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.9;
	text-transform: none;
	color: #444;
}

.el-nav.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
	height: 10px;
}

.aregger-grid div.el-item {
	border: 1px solid #e5e5e5;
}

.aregger-grid div.el-item .uk-inline-clip {
	width: 100%;
}

.hoehen-gleich .el-image {
	height: 360px;
	width: 100%;
	object-fit: cover;
}*/	

/* Galerie-Kacheln */

div.galerie-kacheln > div > div:not(:last-child) {
	margin-bottom: 15px;
}

.kacheln-kompetenz img.el-image {
	height: 422px;
	width: 100%;
	object-fit: cover;
    filter:grayscale(60%)	
}


.kacheln-kompetenz a.el-item {
	width: 100%;
}

/* Beitragslayout */

article.uk-article > div[property="image"] {
	text-align: left !important;
}

article.uk-article > div[property="image"] > img {
	width: 100%;
}

article > h1.uk-margin-large-top {
	font-size: 74px;
}

/* Widgetkit */

div .wk-subnav > .wk-active > *, div .wk-subnav > * > :focus, div .wk-subnav > * > :hover {
	color: #e3001b;
}

div .wk-subnav {
	margin-bottom: 50px !important;
}

.nolink-title .wk-panel-title > a {
	pointer-events: none;
	cursor: text;
}
.uk-slideshow div.uk-position-relative ul.uk-slideshow-items li.el-item.uk-active.uk-transition-active div.uk-position-cover.uk-flex.uk-flex-center.uk-flex-middle.uk-padding div.el-overlay.uk-panel.uk-light.uk-margin-remove-first-child div.el-meta.uk-h4.uk-text-muted.uk-margin-top.uk-margin-remove-bottom{
    color:#e3001b !important;
    letter-spacing: 3px;
}
.uk-first-column div.uk-margin.uk-text-center.uk-slideshow div.uk-position-relative ul.uk-slideshow-items li.el-item div.uk-position-cover.uk-flex.uk-flex-center.uk-flex-middle.uk-padding{
    background: rgba(255,212,155,0.15);
    filter: none;
  -webkit-filter: none;
    
}

html.wk-notouch body div.tm-page div.uk-section-default.uk-section.uk-padding-remove-vertical div.uk-grid-margin.uk-grid.uk-grid-stack div.uk-flex-auto.uk-width-1-1\@m.uk-first-column div.uk-margin.uk-text-center.uk-slideshow div.uk-position-relative ul.uk-slideshow-items li.el-item.uk-active.uk-transition-active div.uk-position-cover img.el-image.uk-cover{
	-webkit-filter: blur(2px);
	filter: blur(2px);
    /*filter:grayscale(60%)	*/
}


h3.el-title.uk-h2.uk-margin-top.uk-margin-remove-bottom,
h3.wk-h2.wk-margin-bottom-remove{
font-size:40px;
    line-height: 1.1;
font-family: Barlow Condensed;
font-weight: 600;
text-transform: uppercase;
        letter-spacing: .75px;
}

h3.wk-panel-title {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .75px;
}

.home-neuste-news .wk-panel img, .home-neuste-referenz .wk-panel img {
	height: 371px;
	width: 100%;
	object-fit: cover;
}

.home-neuste-news .wk-panel .wk-overlay, .home-neuste-referenz .wk-panel .wk-overlay {
	width: 100%
}

.referenzen-uebersicht .wk-overlay > img {
	height: 426px;
	width: 100%;
	object-fit: cover;
}

.referenzen-uebersicht .wk-overlay {
	width: 100%;
}

.mitarbeiter-grid > div > div.wk-panel > div.wk-margin {
	min-height: 69px;
}

.hoehen-angleichen div.wk-overlay, .hoehen-angleichen div.wk-overlay > img {
	width: 100%;
}

.hoehen-angleichen div.wk-overlay > img {
	height: 425px;
	object-fit: cover;
}

/*.blog-newsgrid > div {
	display: none !important;
}

.blog-newsgrid > div[data-wk-filter="Aktuelle Projekte"], .blog-newsgrid > div[data-wk-filter="News"], .blog-newsgrid > div[data-wk-filter="Firma"] {
	display: block !important;
}*/

/* Widgetkit 3 */

.mitarbeiter-grid h3.uk-h3, .blog-newsgrid h3.uk-h3, .aregger-grid h3.uk-h3 {
	font-family: Barlow Condensed;
	font-size: 40px;
	line-height: 1.1;
	font-weight: 600;
	letter-spacing: .75px;
}

div .uk-scope .uk-button-default {
	border: 2px solid #e3001b !important;
	color: #e3001b;
	padding: 2px 5px !important;
	text-transform: uppercase;
	font-size: 18px;
	font-family: Barlow;
	font-weight: 500;
	line-height: 33px;
	min-height: 35px;
	background-color: transparent;
}

div .uk-scope .uk-button-default:hover, div .uk-scope .uk-button-default:focus, div .uk-scope .uk-button-default:active, div .btn:focus, div .btn:hover, div .uk-button-default:focus, div .uk-button-default:hover {
	border-color: #e3001b !important;
	color: #fff;
	background: #e3001b;
}

.nolink-title h3.uk-h3 > a {
	pointer-events: none;
	cursor: text;
}

div .uk-scope .uk-link, div .uk-scope a {
	color: #e3001b
}

div .uk-scope .uk-link:hover, div .uk-scope a:hover, div .uk-scope .uk-link:focus, div .uk-scope a:focus, div .uk-scope .uk-link:active, div .uk-scope a:active {
	color: #8C7B63;
}

div .uk-scope .uk-subnav > * > :first-child, div .uk-subnav > * > :first-child {
	font-family: Barlow;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	color: #444;
	text-transform: none;
}

div .uk-scope .uk-subnav > * > a:focus, div .uk-scope .uk-subnav > * > a:hover, div .uk-subnav > * > a:focus, div .uk-subnav > * > a:hover {
	color: #e3001b;
}

div .uk-scope .uk-subnav > .uk-active > a, div .uk-subnav > .uk-active > a {
	color: #e3001b;
}

.aregger-grid .uk-inline-clip > img, .aregger-grid .uk-inline-clip {
	height: 450px;
	width: 100%;
	object-fit: cover;
}

.aregger-grid .uk-card-default {
	background: transparent;
	border: 2px solid #f1f1f1;
	border-top: none;
}

.aregger-grid .uk-card-default > .uk-card-body {
}

#footernavi .uk-scope .uk-subnav > * > :first-child, #footernavi .uk-subnav > * > :first-child {
	font-size: 15px;
	line-height: 1.4;
	color: #9c9c9c !important;
	font-family: Barlow;
	font-weight: 500;
	text-transform: uppercase;
}

/* Kontaktbereich mit Map */

.map-kontakt-bottom .uk-h4 {
	line-height: 1.5;
}

.map-kontakt-bottom .el-content {
	font-weight: 600;
}

/* Sitemap */

.sitemap .folder {
	text-transform: none;
}

.sitemap .folder:hover {
	color: #464646;
}

/* Firma Kacheln Blur Bilder */

/*.firma-kacheln img.el-image {
	-webkit-filter: blur(15px);
	filter: blur(15px);
}

.firma-kacheln a.el-item:hover img.el-image, .firma-kacheln a.el-item:active img.el-image, .firma-kacheln a.el-item:focus img.el-image {
	-webkit-filter: blur(0px);
	filter: blur(0px);
}*/

/* Droppics */

.droppicsgallerydefault{
	margin-top:0px !important
}

.droppicspictures {
    display: flex;
    flex-wrap: wrap;
   /*justify-content: center;  Stellt sicher, dass die Bilder gleichmäßig verteilt werden */
    gap: 10px; /* Einheitlicher Abstand zwischen den Bildern */
}

.wimg {
    width: 250px; /* Einheitliche Breite für alle Bilder */
    height: 180px; /* Einheitliche Höhe für alle Bilder */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	margin-bottom:0px !important;
}

.wimg a {
    display: block;
    width: 100%;
    height: 100%;
}

.wimg img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Stellt sicher, dass die Bilder die Box füllen, ohne verzerrt zu werden */
    margin-top: 0 !important; /* Entfernt manuelle Abstände */
}

/* Responsive Design */

@media screen and (max-width: 1337px) {
	ul.uk-navbar-nav > li > a {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1280px) and (min-width: 960px) {
	.content-sidebar-referenzen .uk-overlay > .el-content {
		display: none;
	}
}

@media screen and (max-width: 959px) {
	a.uk-logo > img {
		max-height: 90px;
	}
	
	.map-kontakt-bottom > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
		max-height: 50vh;
	}
	
	div[uk-filter*="wk-grid"] ul.uk-subnav {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex; 
	}
	
	div[uk-filter*="wk-grid"] ul.uk-subnav > li {
		flex: 100%;
	}
}

@media screen and (min-width: 768px) {
	/*.hoehen-angleichen .wk-panel > div.wk-margin > p {
		overflow: hidden;
		position: relative; 
		line-height: 1.9em;
		max-height: 5.7em; 
		text-align: justify; 
		margin-right: -1em;
		padding-right: 1em;
	}
	.hoehen-angleichen .wk-panel > div.wk-margin > p:before {
		content: '...';
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.hoehen-angleichen .wk-panel > div.wk-margin > p:after {
		content: '';
		position: absolute;
		right: 0;
		width: 1em;
		height: 1em;
		margin-top: 0.2em;
		background: white;
	}*/

}

@media screen and (max-width: 698px) {
	h1.el-title, h1.uk-heading-medium, body h1.uk-article-title {
		font-size: 40px;
	}
	
	h2.uk-heading-small {
		font-size: 32px;
	}
	
	.map-kontakt-bottom .el-content.uk-heading-small {
		font-size: 32px;
	}
	.droppicspictures {
		display: flex;
		flex-wrap: wrap;
	   justify-content: center;  /*Stellt sicher, dass die Bilder gleichmäßig verteilt werden */
		gap: 10px; /* Einheitlicher Abstand zwischen den Bildern */
	}
}

@media screen and (max-width: 413px) {
	.content-sidebar-referenzen .uk-overlay > .el-content {
			display: none;
		}
}