/* Import a style */
@import "../../yootheme/less/templates/theme.fuse.less";

/* Vars */
:root {
  --global-font-family: 'Open Sans';
  --global-primary-font-family: 'Open Sans';
  --global-secondary-font-family: 'Open Sans';
  --global-color: #333333;
  --global-emphasis-color: #1B8A27;
  --global-link-color: #1B8A27;
  --global-muted-color: #ECF0E1;
  --global-primary-background: #C2BCB5;
  --global-secondary-background: #524341;
  --global-success-background: #ECF0E1;
  --breakpoint-large: 1200px;
  --breakpoint-medium: 960px;
  --breakpoint-small: 640px;
  --breakpoint-xlarge: 1600px;
}


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

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

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

a {
 	font-weight: 700;
 }


/* Navigation / Logo Mobile */

.tm-header-mobile .uk-navbar {
	display: block;
}

.tm-header-mobile .uk-navbar .uk-navbar-toggle {
	min-height: 60px;
}
.tm-header-mobile .uk-navbar .uk-navbar-toggle-icon svg {
	width: 28px;
}

/* Dialog Mobile */

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

#tm-dialog-mobile .uk-offcanvas-bar .uk-nav li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#tm-dialog-mobile .uk-offcanvas-bar .uk-nav li:first-of-type {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#tm-dialog-mobile .uk-offcanvas-close {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0;
  padding: 18px;
  text-align: left;
}
#tm-dialog-mobile .uk-offcanvas-close svg {
  stroke: #000;
  width: 30px;
}
#tm-dialog-mobile .uk-offcanvas-close svg stroke {
  stroke-width: 2;
}


/* Navigation / Logo Allgemein */


#header-nav #header-logo {	
  position: absolute;
  top: .5rem;
  right: 5%;
  z-index: 1000;
}
#header-nav #header-logo img {
	min-width: 200px;
  width: 40vw;
}

#header-nav {
	position: relative;
	top: 0;
}

#header-nav #main-slider-icon {
    position: absolute;
    bottom:100px;
    width: 100%;
    text-align: center;
}
#header-nav #main-slider-icon:hover {
    cursor: pointer;
}

#header-nav #main-slider-icon svg {
    color:#fff;
    border: 2px solid #fff;
    border-radius:50px;
    width: 50px;
}

#header-nav #main-nav {
	display: none;
}



/* Slider YT */

.se-slider.se-slider-nav-bottom .uk-position-center-vertical,
.se-slider.se-slider-nav-bottom [class*="uk-position-center-left"],
.se-slider.se-slider-nav-bottom [class*="uk-position-center-right"] {
  top: auto !important;
 	bottom: 0px;
}
.se-slider.se-slider-nav-bottom .uk-position-center-vertical .el-slidenav,
.se-slider.se-slider-nav-bottom [class*="uk-position-center-left"] .el-slidenav,
.se-slider.se-slider-nav-bottom [class*="uk-position-center-right"] .el-slidenav {
    color:#fff;
    border: 2px solid #fff;
    border-radius:50px;
    padding: 8px 13px;
}



/* Smart Slider */

body .n2-section-smartslider .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow-next {
	position: absolute;
	top: auto;
	bottom: 1rem !important;
	right: 5% !important;
	background: transparent !important;
	border: 0 none transparent !important;
	background: url(../images/arrows/arrow_right.svg) no-repeat 0 0 !important;
	background-position-x: 0 !important;
	background-position-y: 0 !important;
	display: block;
	height: 40px !important;
	width: 40px !important;
}

body .n2-section-smartslider .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow img {
	display: none;
}

body .n2-section-smartslider .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow-previous {
	position: absolute;
	top: auto;
	bottom: 1rem !important;
	left: 5% !important;
	background: transparent !important;
	border: 0 none transparent !important;
	background: url(../images/arrows/arrow_left.svg) no-repeat 0 0 !important;
	background-position-x: 0 !important;
	background-position-y: 0 !important;
	display: block;
	height: 40px !important;
	width: 40px !important;
}

body .n2-section-smartslider .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow-previous img {
	display: none;
}



/* Sektionen */
.se-praesentation:nth-of-type(2n+2) {
	background: var(--global-primary-background);
}
.se-praesentation .se-content-slider-row {
	margin-bottom: -20px;
}




/* Footer */
#footer {

}

/* Home */
body.home {
}

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

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

}
/* BS md */
@media (min-width: 768px) {
  	
}
/* YT medium standard */
@media (min-width: 960px) {
	
	/* Navigation */ /* Logo */

	#header-nav #header-logo {
		position: absolute;
		top: 2rem;
		right: 5%;
		z-index: 1000;
		transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	#header-nav #header-logo img {
		min-width: 260px;
	  max-width: 500px;
	  width: 30vw;
	  transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	#header-nav #main-slider-icon {
    bottom:120px;
	}

	#header-nav #main-slider-icon svg {
	    width:60px;
	}

	#header-nav #main-nav {
		position: absolute;
		left: 0;
		bottom: 15px;
		display: block;
		border-top: 1px solid #fff;
		width: 87%;
		margin: 0 6.5%
	}

	#header-nav #main-nav ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		padding: 1rem 0 1.4rem
	}

	#header-nav #main-nav ul>li {
		padding-bottom: 0;
		white-space: nowrap
	}

	#header-nav #main-nav ul>li>a {
		margin: .4rem 0;
		padding: 0;
		white-space: nowrap;
		transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	#header-nav #main-nav ul>li>a:hover {
		color: #a4a4a4;
		transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	#header-nav #main-nav ul>li>a:focus {
		color: #a4a4a4;
		transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	#header-nav #main-nav ul>li:first-of-type a {
		margin-left: 0;
		padding-left: 0;
		border-left: 0 none transparent
	}

	#header-nav #main-nav ul>li>.nav-header {
		text-transform: none;
		font-weight: 400;
		font-style: normal;
		color: #fff;
		border-bottom: 1px solid #555
	}

	#header-nav #main-nav ul>li>.nav-header:hover {
		color: #a4a4a4
	}

	#header-nav #main-nav ul>li>.nav-header:focus {
		color: #a4a4a4
	}

	#header-nav #main-nav ul>li a[class^="fa-"]:before {
		color: #a4a4a4
	}

	#header-nav #main-nav ul>li a[class*=" fa-"]:before {
		color: #a4a4a4
	}

	#header-nav #main-nav ul>li .nav-header[class^="fa-"]:before {
		color: #a4a4a4
	}

	#header-nav #main-nav ul>li .nav-header[class*=" fa-"]:before {
		color: #a4a4a4
	}

	#header-nav #main-nav ul>li.active>a {
		color: #fff
	}

	#header-nav #main-nav ul>li.active>a:hover, #header-nav #main-nav ul>li.active>a:focus {
		transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	#header-nav #main-nav ul>li.active:first-of-type a {
		margin-left: 0
	}

	#header-nav #main-nav ul>li.active>.nav-header {
		color: #a4a4a4;
		border-radius: 0
	}

	#header-nav #main-nav ul ul.dropdown-menu {
		min-width: 150px;
		background-color: #fff;
		margin: 0;
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	#header-nav #main-nav ul ul.dropdown-menu li {
		padding-bottom: 0
	}

	#header-nav #main-nav ul ul.dropdown-menu li>a {
		margin: 0;
		padding: .4rem 1.2rem .4rem .8rem;
		border-bottom: 0 none transparent !important;
		color: #1d1d1b;
		font-size: .95rem;
		font-weight: 400;
		font-style: normal
	}

	#header-nav #main-nav ul ul.dropdown-menu li>a:hover, #header-nav #main-nav ul ul.dropdown-menu li>a:focus {
		color: #a4a4a4;
		transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	#header-nav #main-nav ul ul.dropdown-menu li>a.dropdown-toggle:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-right: -0.7rem
	}

	#header-nav #main-nav ul ul.dropdown-menu li ul {
		margin: -2.6rem 0 0 145px
	}

	#header-nav #main-nav ul ul.dropdown-menu>li.active>a {
		border-bottom: 0 none transparent;
		color: #a4a4a4
	}

	#header-nav #main-nav ul ul.dropdown-menu>li.active.current>a {
		border-bottom: 0 none transparent;
		color: #fff !important;
		background-color: #a4a4a4 !important
	}

	#header-nav #main-nav ul ul.dropdown-menu>li.active.current>a:hover, #header-nav #main-nav ul ul.dropdown-menu>li.active.current>a:focus {
		background-color: #fdc543 !important;
		transition: All .6s ease;
		webkit-transition: All .6s ease
	}

	.navbar .navbar-brand img, .navbar.fixed .navbar-brand img {
		width: 250px
	}

	.navbar.fixed .navbar-brand img, .navbar.fixed.fixed .navbar-brand img {
		width: 200px
	}




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

}