@charset "UTF-8";
/* CSS Document */

/*
 *
 * Sämtliche Inhalte dieser Website insbesondere Programmierung und Layout sind urheberrechtlich geschützt
 * und das Kopieren oder die Reproduktion der gesamten Inhalte - auch nur auszugsweise - nur nach 
 * schriftlicher Genehmigung durch ...
 * 
 * dsignar // Aaron Rautenberg.
 * https://dsignar.de
 *
*/

/* -------------------------------------------------------------- Navigation Top */

#navigationTop {}

#navigationTop > ul {
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}
#navigationTop .uk-subnav li {
	padding-left: 0px;
	margin-top: 0px;
	line-height:1rem;
}
#navigationTop .uk-subnav a {
	padding: 0rem 1rem;
	font-size: 0.95rem;
	line-height: 1rem;
	color: rgba(0,0,0,0.45);
}
#navigationTop .uk-subnav li.uk-active a {
	color: rgba(0,0,0,1.0);
}

/* -------------------------------------------------------------- Navigation */

#navigation {}

#navigation .uk-navbar-brand,
#navigation .uk-navbar-content,
#navigation .uk-navbar-toggle {
  font-size: 20px;
	line-height: 75px;
	height: 75px;
  padding: 0 15px;
}

#navigation .uk-navbar-brand {
  font-size: 40px;
}

#navigation .uk-navbar-toggle {
  float:right;
}

#navigation.uk-navbar {
  background-color: transparent;
}
#navigation .uk-navbar-nav {
	position: relative;
  bottom: -1px;
}

#navigation .uk-navbar-nav>li>a {
  font-family: 'ImpactLabelRegular';
	font-size: 1.4rem;
	line-height: 1.75rem;
	font-weight: 400;
  white-space: nowrap;
	color: rgba(0,0,0,1.00);
  height: 1.6rem;
  padding: 0;
  display: inline-block;
	margin:1.25rem 0.5rem;
}

#navigation .uk-navbar-nav>li.uk-active>a {
  background-color: transparent;
  color: rgba(60,60,60,1.00);
}

#navigation .uk-navbar-nav>li>a {
  /* Rotate div */
	-ms-transform: rotate(1deg); /* IE 9 */
	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
	transform: rotate(1deg);
}

#navigation .uk-navbar-nav>li:nth-child(2n)>a {
  /* Rotate div */
	-ms-transform: rotate(-1deg); /* IE 9 */
	-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
	transform: rotate(-1deg);
}



/* hover */

#navigation .uk-navbar-nav>li>a:hover,
#navigation .uk-navbar-nav>li>a:focus,
#navigation .uk-navbar-nav>li.uk-open>a {
	color: rgba(50,50,50,1.00);
	border-color: rgb(50,50,50);
}

#navigation .uk-dropdown {
  padding: 0px 15px;
  font-size: 1.2rem;
	min-width: 230px;
}

#navigation .uk-dropdown-navbar {
  margin-top: 0;
  background-color: rgb(240,137,0);
	color: rgba(255,255,255,1.00);
}

#navigation .uk-nav-navbar>li>a {
  color: rgba(255,255,255,1.00);
	padding: 0px 15px;
	line-height: 50px;
}

#navigation .uk-nav-navbar>li.uk-active>a {
  border-right:5px solid rgb(226,0,26);
}

#navigation .uk-nav-navbar>li>a:hover,
#navigation .uk-nav-navbar>li>a:focus {
  background-color: rgba(0,0,0,1.00);
}

/* box-shadow */

#navigation .uk-dropdown-navbar {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}


/*NAVIGATION ANIMATION*/

#navigation2 {
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}
#navigation2 > ul > li > a {
	-webkit-transition: background-color 0.25s ease-in, border-bottom 0.25s ease-in;
	-moz-transition: background-color 0.25s ease-in, border-bottom 0.25s ease-in;
	-o-transition: background-color 0.25s ease-in, border-bottom 0.25s ease-in;
	-ms-transition: background-color 0.25s ease-in, border-bottom 0.25s ease-in;
	transition: background-color 0.25s ease-in, border-bottom 0.25s ease-in;
}

/* -------------------------------------------------------------- NAVIGATION OFFCANVAS*/

#offcanvas .uk-offcanvas-bar {
  background-color: rgb(255,255,255);
}

#offcanvas.uk-offcanvas {
	background-color: rgba(0,0,0,.3);
}

#offcanvas.uk-offcanvas .home {

}

#offcanvas .uk-nav-offcanvas>li>a {
	font-family: 'ImpactLabelRegular';
	font-size: 1.65rem;
	line-height: 1.6rem;
	color: rgba(0,0,0,1.00);
  display: inline-block;
	padding:0px;
	padding-bottom:0;
	margin:0.5rem 1rem;
	margin-top:1rem;
}

#offcanvas .uk-nav-offcanvas>li:nth-child(2n)>a {
  /* Rotate div */
	-ms-transform: rotate(-1deg); /* IE 9 */
	-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
	transform: rotate(-1deg);
}

#offcanvas .uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) #offcanvas .uk-nav-offcanvas>li>a:focus, 
html:not(.uk-touch) #offcanvas .uk-nav-offcanvas>li>a:hover {
  background-color: rgb(0,0,0);
  color: rgba(255,255,255,1.00);
}

html #offcanvas .uk-nav.uk-nav-offcanvas>li.uk-active>a {
  background-color: rgb(0,0,0);
  color: rgba(255,255,255,1.00);
}

#offcanvas .uk-nav-offcanvas>li>a:hover,
#offcanvas .uk-nav-offcanvas>li.uk-active>a {

}

#offcanvas ul.uk-nav-sub {
  padding: 0px;
}

#offcanvas .uk-nav-offcanvas ul a {
	font-family: 'ImpactLabelRegular';
	font-size: 1.65rem;
	line-height: 1.6rem;
	color: rgba(0,0,0,1.00);
  display: inline-block;
	padding:0px;
	padding-bottom:0;
	padding-left:30px;
	margin:0.5rem 1rem;
	margin-top:1rem;
}

#offcanvas .uk-nav-offcanvas ul a:hover,
#offcanvas .uk-nav-offcanvas ul li.uk-active>a {
	border-right:5px solid transparent;
}

/**/

#offcanvas .dsa-navMain,
#offcanvas .dsa-navTop {
	margin-bottom:30px;
}

#offcanvas .dsa-navTop>li>a {
	color: rgba(255,255,255,0.85);
	font-size:.95rem;
}