html, body, figure{
	font-family: 'Roboto', sans-serif; 
	font-weight:400; 
	margin:0px;
	padding:0px;
}
body {
	font-size:100%;
	line-height:170%;
}
h1, h2, h3, h4 {
	font-family: 'Roboto Condensed', sans-serif;
}
h1 {font-size:280%; line-height:110%; margin:0em 0em 0em; padding:0em 0em 0.5em 0em;}
h2 {font-size:220%; line-height:110%; margin:0em 0em 0em; padding:0em 0em 0.5em 0em;}
h3 {font-size:150%; line-height:110%; margin:0em 0em 0em; padding:0em 0em 0.5em 0em;}
.bggrey h2 {font-size:400%; color:#fff;}
img {width:100%;max-width:100%;}
a {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	color:rgba(129,28,160,1);
}
.logo {
	max-width:200px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.header{
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.wrapper {width:100%;}
.container	{
	position: relative; 
	margin:auto; 
	margin-top:0px!important;
	margin-bottom:0px!important;
	
}
.large {width:100%;}
.middle {width:100%;max-width:1200px;}
.small {width:100%;max-width:800px;}
.line	{border-top:0.5em solid #0090d5;padding-top:1.5em;}

/* header */
header div { z-index:2;}
header nav a {
	color:#fff;
	font-size:140%;
	padding:0% 0% 0% 2%;
}
header nav a:hover {
	text-decoration:underline;
	color:#fff;
}

/* section */
section div { z-index:1;}
/* footer */
footer {font-size:120%; z-index:2;color:#fff;}
footer  a {
	color:#fff;
}
footer nav a {
	color:#fff;
	padding:0% 0% 0% 2%;
}
footer nav a:hover {
	text-decoration:underline;
	color:#fff;
}

/* color */
.colordark {color:#000;}
.colorlight {color:#fff;}
.colorblue {color:rgba(40,40,40,1); font-size:120%;}
.colorblue h1 {color:rgba(129,28,160,1);}
.colorblue h2 {color:rgba(129,28,160,1);}
.colorlight h1 {color:#fff;}
.colorlight h2 {color:#fff;}
.colorlight p {color:#fff; font-size:120%;}

/* background */
.bggreen {background-color:#bbc610;}
.bgviolett {background-color:rgba(173,13,166,0.8);}
.bglightblue {background-color:#0090d5;}
.bggrey {background-color:rgba(232,215,235,0.5);}
.bggrey2 {background-color:#eeeeee;}
.bgdark {background-color:#262626;}


/* buttons */
a.btn {
	display:block;
	margin:1em 0em;
	padding:1em;
	color:#0090d5;
	border:1px solid #0090d5;
	font-weight:bold;
	background-image:url('../../img/arrow.png'); background-repeat:no-repeat; background-position:right center;
	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
a:hover.btn {
	text-decoration:none;
	color:#0090d5;
	border:1px solid #0090d5;
	background-image:url('../../img/arrow2.png'); background-repeat:no-repeat; background-position:right center;
}

svg.menu {
  width: 150px;
  height: 112.5px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position:absolute;
  top:0em;
  right:0em;
  z-index:7999;
  background: rgba(129,28,160,1);
}
path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke: #fff;
  stroke-dashoffset: 0px;
}
path#svg-top,
path#svg-bottom {
  stroke-dasharray: 240px 950px;
}
path#svg-middle {
  stroke-dasharray: 240px 240px;
}
.cross path#svg-top,
.cross path#svg-bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.cross path#svg-middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
/*Arrow*/
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.spacer {padding:30px 30px 30px; }
header .spacer {padding:30px 30px 30px; }
.spacermedium {padding:40px 50px;}


span.slogan {font-size:200%;}
p.medium, ul.medium {font-size:120%;}
p.large, ul.large {font-size:140%;}

.header-small {margin-top:0px;
-webkit-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.50);
-moz-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.50);
box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.50);

	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.header-small .spacer {padding:10px 30px 10px; }
.header-small .logo {max-width:100px; }
.header-small nav {padding:5px 0px 5px;  }

@media only screen and (max-width: 768px) {
	.spacer {padding:30px 15px 30px; }
	.spacermedium {padding:20px 30px;}
}
@media only screen and (max-width: 480px) {
	.spacer {padding:20px 10px 20px; }
	.spacermedium {padding:10px 15px;}
	footer .uk-text-right {
		text-align:left!Important;
	}
	.logo {max-width:150px; }
}
#mobil-menu {
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	width:65%;
	height:100vh;
	background: rgba(129,28,160,1);
	display:none;
	z-index:10;
}
#mobil-menu > div img {
	max-width:150px;
}
#mobil-menu > div {
    display: flex;
    width: 100%;
    height: 100vh;
    text-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#mobil-menu a {
	color:#fff;
	font-size:160%;
	line-height:200%;
	display:block;
		
}

/* Boxes */
.box {}
.box > div {background-image:url('../../img/arrow.bottom.png'); background-repeat:no-repeat; background-position:center bottom;}
.box > div  > div {margin-bottom:3em; overflow:hidden; max-height:350px;
}
.box > div.show  > div {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	margin-bottom:3em; 
	overflow:auto; 
	max-height:none;}
.box > div.show {background-image:url('../../img/arrow.top.png');}
/*
div:hover.box {position:absolute;z-index:9999;}
div:hover.box div {max-height:100%; overflow:auto;}
*/
.cbox {min-height:340px;width:100%;}
.cbox .spacer {padding:25px 30px 15px;}

.cbox h1 {font-size:450%;margin:0px;padding:0px 0px 5px;}
.cbox .bggreen h2 {font-size:300%;margin:0px;padding:0px 0px 5px;}

/* form */
input, textarea {width:70%; padding:6px 6px!important;  border:1px solid #0090d5!important;border-radius: 0px!important;}
input[type="submit"] {width:50%;background:none;height:70px;}
textarea {min-height:150px;}
.uk-form *::-moz-placeholder {
    color: #0090d5;
}
uk-slidenav-position:hover .uk-slidenav {
    color: #0090d5!important;
}

/* bounce arrow */
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwMDZlYjciIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjMDA2ZWI3IiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
  z-index:100;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}