/* Vars */
:root {
	--kv-yellow: #FDCA00;
  --global-color: #000000;
  --global-emphasis-color: #000000;
  --global-link-color: #FDCA00;
  --global-muted-color: #ECF0E1;
  --global-primary-background: #1D1D1D;
  --global-secondary-background: #FDCA00;
  --global-success-background: #ECF0E1;
  --breakpoint-large: 1200px;
  --breakpoint-medium: 960px;
  --breakpoint-small: 640px;
  --breakpoint-xlarge: 1600px;
}


@font-face {
    /* font-family: "Custom Font";
    src: url("../fonts/custom-font.woff2") format("woff2"); */
}

/* Generell */
body {
/*     font-family:  var(--global-font-family); */
    color: var(--global-color);
}

a {
	text-decoration-color: var(--kv-yellow);
}

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

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

.uk-section-default {
	transition: min-height .6s linear;
}

/* Header */

	.uk-navbar-left {
		max-width: 60%;
	}

	.uk-navbar .uk-navbar-toggle-icon {
		min-width: 92px;
  }
  .uk-navbar .uk-navbar-toggle-icon:before {
		content: "Menü";
    position: relative;
    top: 1px;
    left: 50%;
	  color: var(--global-color);
	  font-size: 16px;
	  text-transform: uppercase;
    font-weight: 600;
    transition: all .3s;
  }

	.uk-navbar-toggle:hover .uk-navbar-toggle-icon:before {
	  color: var(--global-link-color);
	  text-decoration: none;
	}

	.uk-navbar .uk-navbar-toggle-icon svg {
	  width: 45px;
	  height: 60px;
	  stroke-width: 3px;
	}
	.uk-navbar .uk-navbar-toggle-icon svg > .line-1 {
	  transform: translateY(-7px);
	}
	.uk-navbar .uk-navbar-toggle-icon svg > .line-2 {
	  transform: translateY(7px);
	}
	

	/* Dialog Mobile */

	#tm-dialog-mobile .uk-offcanvas-bar {
    padding: 90px 20px;
  }
	#tm-dialog-mobile .uk-icon.uk-close {
	  top: 15px;
  	right: 5px;
  	width: 60px;
	}
	#tm-dialog-mobile .uk-icon.uk-close{
	  transition: all .3s;
  	transform: rotate(0deg);
	}
		#tm-dialog-mobile .uk-icon.uk-close:hover {
  	transform: rotate(90deg);
	}
	#tm-dialog-mobile .uk-icon.uk-close svg {
	  width: 35px;
	}

	/* Nav  */

	.uk-nav-default, .uk-nav-default .uk-nav-sub {
	  font-size: 20px;
	  line-height: 1.3;
	  font-weight: 600;
	}
	.uk-nav-default:hover .uk-nav-header, .uk-nav-default:hover a:not(:hover), .uk-nav-default:hover a:not(:hover) > .uk-nav-subtitle {
	  opacity: .9;
	}
	.uk-nav-default > li > a, .uk-nav-default .uk-nav-sub a {
	  transition: all .3s;
/* 	  transform: rotate(2deg); */
	}
	.uk-nav-default > li > a:hover, .uk-nav-default .uk-nav-sub a:hover {
/* 	  transform: rotate(2deg) translate(-5px,0px); */
transform: translate(-3px,0px);
	}
	.uk-nav-default .uk-nav-parent-icon svg {
	  width: 24px;
	}



/* Dialog Mobile */

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

/* Sidebar */
#tm-main > div.uk-container #tm-sidebar > div > div {

}
#tm-main > div.uk-container #tm-sidebar > div > div:first-of-type {

}


.kv-image-caption {
	position: relative;
	top: -1px; /* Effekt beim Scrollen beseitigen */
	background-color: var(--global-primary-background);
	color: #fff;
}

/* Slider */

.kv-slide.kv-slide-link .el-link {
	display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Künstler */

.kv-exibitions-row h3 {
	margin: 20px 0 0;
}
.kv-exibitions-row p {
	margin: 0;
}
.kv-exibitions-row p:before {
	content: '– ';
}


/* Hochrheinkunstwege Blog */

#kv-hochrheinkunstweg-grid .kv-image-caption {
  position: relative;
  top: -1px;
  background-color: var(--global-primary-background);
  color: #fff;
  margin-top: -20px !important;
  margin-left: -20px;
  margin-right: -20px;
}

#kv-hochrheinkunstweg-grid h2 {
  overflow-wrap: break-word;
}

/* Hochrheinkunstweg */

#kv-hochrheinkunstweg-single .kv-image-caption {
  padding: 5px 10px;
}


/* Newsletter Modal */
.kv-newsletter-modal {
	position: relative;
	top: 0;
}
.kv-newsletter-modal button {
	width: 100%;
}

#modal-newsletter-module .acym_form {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 17px;
}
#modal-newsletter-module input {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 17px;
}
#modal-newsletter-module .subbutton {
	padding: 10px 20px;
	background-color: #000;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
  letter-spacing: 0.5px;
}


/* Newsletter Button – Mobile Dialog */
.kv-newsletter-abo-button-modal p {
	text-align: center;
}
.kv-newsletter-abo-button-modal p a {
	min-width:100%;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid #000;
	background-color: transparent;
}

/* Newsletter Form */

.acym_module_form label {
	 width: 100%;
}
.acym_module_form .acyfield_text label input {
	 width: 100%;
	 max-width: 100%;
	 padding: .8rem 1.2rem;
	 border: 1px solid #999;
}

.acym_module_form .acysubbuttons label input {
	 border: 0;
	 color: #fff;
	 padding: .8rem 1.2rem;
}

/* Newsletter Archive */

#acym_wrapper {
	font-family: var(--bs-font-sans-serif);
}
#acym_wrapper .acym__front__archive__container {
	display: flex;
	flex-wrap: wrap;
	gap: 3% 20px;
	justify-content: flex-start;
	margin-bottom: 40px;
	font-family: var(--bs-font-sans-serif);
}
#acym_wrapper a, #acym_wrapper div, #acym_wrapper h1, #acym_wrapper h2, #acym_wrapper h3, #acym_wrapper h4, #acym_wrapper h5, #acym_wrapper h6, #acym_wrapper p, #acym_wrapper span {
  color: #000;
  font-family: var(--bs-font-sans-serif);
}
#acym_wrapper .acym__front__archive__container .acym__front__archive__entry {
	flex-basis: 100%;
	flex-grow: 1;
	flex-shrink: 0;
	flex-direction: row;
	transition: all .3s;
	break-inside: avoid;
}
#acym_wrapper .h1, #acym_wrapper h1, #acym_wrapper h1 span {
  font-size: 34px;
}
#acym_wrapper .acym__front__archive {
	margin-top: 50px;
}
#acym_wrapper.archive_listing #acym_form h1.acym__front__archive__title {
display: none;
}
#acym_wrapper.archive_listing #acym_form .acym__front__archive__raw {
  margin-bottom: 2px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}
#acym_wrapper.archive_listing #acym_form .acym__front__archive__newsletter_sending-date {
	margin-bottom: 20px;
	font-size: 17px;
	color: #222;
}
#acym_wrapper.archive_listing #acym_form #acym__front__archive__search {
margin: 1rem auto 2rem;
}
#acym_wrapper.archive_listing #acym_form #acym__front__archive__search button {
background: #000;
border-color: #000;
text-transform: uppercase;
}


/* Filter in Grids */
#kv-filter {
	margin-bottom: 20px;
  background-color: rgba(255,255,255,.75);
  backdrop-filter: blur(24px);
/*   border-top: 1px solid transparent; */
}
#kv-filter .fs-filter-grid-left-cell .fs-filter-grid-left-cell-content > div,
#kv-filter .fs-filter-grid-right-cell {
  margin-top: 0;
}
#kv-filter .uk-grid-margin, #kv-filter .uk-grid-margin::before {
  top: 0;
}
#kv-filter .fs-filter-grid-left-cell .uk-icon {
	position: relative;
  top: -2.3px;
}
#kv-filter .fs-filter-grid-left-cell .uk-icon[uk-icon="refresh"] {
  top: -3px;
}


/* Ankäufe */
#kv-ankaufe-grid .fs-grid-filter-0 .uk-dropdown-nav {
  min-width: 60vw;
}
#kv-ankaufe-grid .fs-grid-filter-0 .uk-dropdown-nav > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  justify-content: flex-start;
}
#kv-ankaufe-grid .fs-grid-filter-0 .uk-dropdown-nav > ul li {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 50px;
  flex-direction: row;
}
#kv-ankaufe-grid .fs-grid-filter-0 .uk-dropdown-nav > ul li a {
  padding: 0;
}


/* Profile */
#kv-profile-grid .kv-image.kv-slide {
  margin-top: -20px;
	margin-left: -20px;
  margin-right: -20px;
}
#kv-profile-grid h2 {
	margin-top: 32px !important;
}


/* Veranstaltungen */
#kv-event-grid .fs-grid-filter-20 .uk-dropdown-nav {
  min-width: 60vw;
}
#kv-event-grid .fs-grid-filter-20 .uk-dropdown-nav > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  justify-content: flex-start;
}
#kv-event-grid .fs-grid-filter-20 .uk-dropdown-nav > ul li {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-direction: row;
  border: 1px solid #444;
  padding: 5px 10px;
}
#kv-event-grid .fs-grid-filter-20 .uk-dropdown-nav > ul li a {
  padding: 0;
}
#kv-event-grid .fs-grid-filter-20 .uk-dropdown-nav > ul li:hover {
  background: #fafafa;
}
#kv-event-grid .fs-grid-filter-20 .uk-dropdown-nav > ul li:hover a {
  color: #000;
}
#kv-event-grid .fs-grid-nested-1-container {
	position: absolute;
  top: 40px;
  right: 40px;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Slider */
#kv-slider-home .uk-card-media-top {
  text-align: center;
  background: #333;
  color: #666;
}

#kv-slider-home .uk-slider-container .uk-position-relative {
  max-width: 1400px;
  margin: auto;
  overflow: hidden;
}

/* Boxen Home unten */
#kv-home-bottom-boxes .kv-grid-sublayout-top-nomargin .uk-margin {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -40px;
}


/* Formulare */
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
	padding-left: 0;
	padding-right: 0;
}
.convertforms .cf-content-wrap {
	padding-top: 0;
}
.convertforms .cf-control-label {
  margin-top: 10px;
}
.convertforms h1 {
	margin-bottom: 25px;
}
.convertforms .form_section_title:not(:first-of-type) h2 {
	margin-top: 50px;
	margin-bottom: 0;
}
.convertforms label {
	font-size: 20px;
}
.convertforms button.cf-btn[type="submit"] {
	margin-top: 30px;
	padding: 15px 20px;
	text-transform: uppercase;
	font-weight: 600;
  letter-spacing: 0.5px;
  border-width: 1px;
  border-style: solid;
}

.convertforms.cf-success .cf-response {
	background-color: #333;
}
.convertforms.cf-success .cf-response p {
	margin: 20px 0 20px 0;
	color: #fff;
}


/* Footer */
#footer {

}

/* Home */
body.home {
}

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

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

	.uk-offcanvas-close {
    top: 20px;
    right: 24px;
  }

  /* Filter in Grids */
  .grid-pro-filter-top {
  	margin: 0;
  }
  #kv-filter {
  	margin-top: 0!important;
    padding-top: 5px;
    padding-bottom: 8px;
  }
  .fs-grid-pro-filter-sticky.uk-sticky-fixed:before {
  	content: "";
  	display: block;
    border-top: 2px solid #e4e4e4;
    width: 100%;
    margin-right: 30px;
  }
/*   .fs-grid-pro-filter-sticky:not(.uk-sticky-fixed) #kv-filter {
    background-color: rgba(0,0,0,1);
    margin-left: 0;
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .fs-grid-pro-filter-sticky:not(.uk-sticky-fixed) #kv-filter * {
    color: #fff;
  }
  .fs-grid-pro-filter-sticky:not(.uk-sticky-fixed) #kv-filter .uk-dropdown-nav * {
    color: #000;
  } */

  /* Newsletter */
  #acym_wrapper .h1, #acym_wrapper h1, #acym_wrapper h1 span {
    font-size: 40px;
  }
  #acym_wrapper .acym__front__archive {
  	margin-top: 50px;
  }
  #acym_wrapper .acym__front__archive__container {
  	gap: 4% 20px;
  }
  #acym_wrapper .acym__front__archive__container .acym__front__archive__entry {
  	flex-basis: 48%;
  }

  /* Boxen Home unten */
  #kv-home-bottom-boxes .fs-grid-item-3-container {
  	display: none;
  }

}
/* BS md */
@media (min-width: 768px) {
  	
}
/* YT medium standard */
@media (min-width: 960px) {
	
	/* Generell */
	#tm-main >div.uk-container {

	}
	/* Header */
	.tm-toolbar > .uk-container {

	}
	.tm-header > div > .uk-container {

	}

	/* Header */

	.uk-navbar-left {
		max-width: 90%;
	}

	.uk-navbar-right {
		gap: 0;
	}

	.uk-navbar .uk-navbar-toggle-icon svg {
	  width: 60px;
	  stroke-width: 2.5px;
	}
	.uk-navbar .uk-navbar-toggle-icon svg > .line-1 {
	  transform: translateY(-6px);
	}
	.uk-navbar .uk-navbar-toggle-icon svg > .line-2 {
	  transform: translateY(6px);
	}
	

	/* Dialog */

	#tm-dialog .uk-offcanvas-bar {
    padding: 90px 63px;
  }
	#tm-dialog .uk-icon.uk-close {
	  top: 30px;
	  right: 45px;
	  width: 70px;
	}
	#tm-dialog .uk-icon.uk-close{
	  transition: all .3s;
  	transform: rotate(0deg);
	}
		#tm-dialog .uk-icon.uk-close:hover {
  	transform: rotate(90deg);
	}
	#tm-dialog .uk-icon.uk-close svg {
	  width: 35px;
	}

	/* Nav  */
		.uk-nav-default, .uk-nav-default .uk-nav-sub {
	  font-size: 24px;
	}
	.uk-nav-default .uk-nav-parent-icon svg {
	  width: 30px;
	}

	/* Filter in Grids */
	#kv-filter {
		margin-bottom: 10px;
	}

	/* Veranstaltungen */
	#kv-event-grid .fs-grid-nested-1-container {
	  top: 50px;
	  right: 50px;
	  padding: 5px 10px;
	  font-size: 15px;
	}

	/* Newsletter Button – News */
	.kv-newsletter-abo-button-news {
		position: relative;
		top: 60px;
	}
	.kv-newsletter-modal button {
		width: auto;
	}

	/* Newsletter */
	#acym_wrapper .acym__front__archive__container {
		gap: 3% 20px;
	}
	#acym_wrapper .acym__front__archive__container .acym__front__archive__entry {
		flex-basis: 30%;
	}

	/* Boxen Home unten */
	#kv-home-bottom-boxes .fs-grid-item-3-container {
		display: flex;
	}

	/* Navbar */

	/* .uk-navbar-nav > li > a {
		background: var(--global-secondary-background);
	}
	.uk-navbar-nav > li.uk-active > a,
	.uk-navbar-nav > li.uk-active.parent > a {
		background: var(--global-emphasis-color);
		color: #fff;
	}
	.uk-navbar-nav > li > a:hover {
		background: var(--global-emphasis-color);
		color: #fff;
	}
	.uk-navbar-container > div {
		padding-left:0px;
	}

	.uk-navbar-container {
	
	}
	.uk-navbar-container > .uk-container {
	
	}
	.uk-navbar-container > .uk-container .uk-navbar-left {
	
	}
	.header-logo > div img {
	}
	.uk-navbar-nav {
	} */
}
/* 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) {

}