/* Vars */
:root {
	--spielhuus-tuerkis: #28B2BE;
	--spielhuus-gruen: #91C039;
	--spielhuus-gelb: #F2E154;
  --global-color: #000000;
  --global-emphasis-color: #000000;
  --global-link-color: var(--spielhuus-tuerkis);
  --global-muted-color: #F7EC97;
  --global-primary-background: var(--spielhuus-gelb);
  --global-secondary-background: var(--spielhuus-gruen);
  --global-success-background: var(--spielhuus-gruen);
  --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(--spielhuus-tuerkis);
}

#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 {
  text-align: right;
  padding-top: 20px;
}
.uk-navbar .uk-navbar-toggle-icon svg {
  width: 40px;
  height: 40px;
  stroke-width: 3px;
}

.uk-navbar-dropdown .uk-tile {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px;
}
.uk-navbar-dropdown .uk-panel .el-title {
	font-size: 18px;
}

.uk-navbar-nav > li > a {
	white-space: nowrap;
}


/* Slider with static overlay */
.sh-slider-overlay.main-container {
	position:relative;
	top:0;
}

.sh-slider-overlay .static-container {
    display:flex;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    z-index: 1;
}

.sh-slider-overlay .static-container > div {
  width: 50%;
  max-width:800px;
  padding: 20px;
  background: #F2E154EE;
}

/* 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;
}

#tm-dialog-mobile ul li a picture {
	display: none;
}

/* Nav  */
.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 {

}


/* Page Title */
.sh-pagetitle-image h1 {
	text-shadow: 1px 1px 3px #fff;
}


/* Suche Top */
.sh-search-input-top form {
	border-color: rgba(255,255,255,.5);
	border-radius: 4px;
}

.sh-search-input-top input.uk-search-input {
	background: transparent;
}

.sh-search-input-top input.uk-search-input::placeholder,
.sh-search-input-top .uk-icon.uk-search-icon svg {
	color: rgba(255,255,255,1) !important;
	font-size: 16px;
	text-transform: uppercase;
}

/* Fixe Sidenav */

#sh-sidenav {
	position:fixed;
	right:0;
	bottom:0;
	z-index:10000;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:rgba(40,178,190,0.95)!important;
	border: 1px solid rgba(255,255,255,0.15);
}
#sh-sidenav .uk-container {
	padding-left: 30px;
	padding-right: 30px;
}
#sh-sidenav ul  {
	display: flex;
	justify-content: space-between;
}
#sh-sidenav ul li.el-item {
	display: inline flow-root list-item;
}
#sh-sidenav ul li.el-item a {
	display: inline;
	transition: transform .3s ease-out;
	color: #fff;
}
#sh-sidenav ul li.el-item a:hover {
	transform: translate(-5px,0);
}

/* Footer */
footer p {
	color:#fff;
}
footer .uk-grid .uk-tile .uk-search .uk-search-input,
html body.blog_aktuelles div.tm-page footer div.uk-section-secondary div.uk-background-norepeat.uk-background-width-1-1.uk-background-bottom-center.fs-section.uk-section.uk-section- div.uk-container div.uk-grid.tm-grid-expand.uk-child-width-1-1.uk-grid-margin div.uk-width-1-1 div.uk-panel.uk-margin div.uk-grid.tm-grid-expand.uk-grid-margin div.uk-grid-item-match.uk-width-1-3@m div.uk-tile-secondary.uk-tile.uk-tile-small div#footer#1 form.uk-search.uk-search-default.uk-width-1-1 input.uk-search-input {
	color:#fff;
	opacity: 1;
}
.sh-to-top {
	/* position: absolute;
  bottom: -60px;
  width: 100%; */
}
.sh-to-top svg {
	width:50px;
	height:50px;
	border-radius:50px;
	padding:10px;
	background:#fff;
	color:var(--spielhuus-tuerkis);
}


/* 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;
}



/* Formulare */

.convertforms.cf .cf-content-wrap,
.convertforms.cf .cf-form-wrap {
padding-left: 0;
padding-right: 0;
color: #333;
}
.convertforms.cf .cf-content-wrap {
padding-top: 0;
}
.convertforms.cf .cf-control-label {
margin-top: 10px;
}
.convertforms.cf .form_section_title:not(:first-of-type) h2 {
margin-top: 50px;
margin-bottom: 0;
}
.convertforms.cf h3 {
margin: 2.5rem 0 .5rem;
}
.convertforms.cf label {
font-size: 20px;
color: #333;
}
.convertforms.cf .formtext {
	border: 1px solid var(--spielhuus-tuerkis);
	margin: .5rem;
	padding: 1rem 1.5rem;
}
.convertforms.cf .formtext label {
	font-family: 'Amatic SC';
	font-weight: 700;
	font-size: 30px;
	color: var(--spielhuus-tuerkis);
	margin-bottom: .8rem;
}
.convertforms.cf button.cf-btn[type="submit"] {
margin-top: 30px;
padding: 15px 20px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
.convertforms.cf .cf-success .cf-response {
background-color: #333;
}
.convertforms.cf .cf-success .cf-response p {
margin: 20px 0 20px 0;
color: #fff;
}



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

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

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


	/* Fixe Sidenav */
	#sh-sidenav {
		bottom:150px;
		width: auto;
	}
	#sh-sidenav .uk-container {
	}
	#sh-sidenav ul  {
		display: block;
	}
	#sh-sidenav ul li.el-item {
		display: block;
	}
	#sh-sidenav ul li.el-item a {
		display: flex;
	}
	#sh-sidenav ul li.el-item a:hover {
	}

  /* 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) {

}