@CHARSET "ISO-8859-1";

/* basic */
* {
    padding: 0px;
    outline: 0px none;
    margin: 0px;
    max-width: 100%;
    text-align: left;
    vertical-align: baseline;
}

html{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	width: 100%;
	height: 100%;
}

body{
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	color: #000000;
	background-color: #ffffff;
	position: static;
}

.container{
	padding: 5px;
}


/* tag-properties */
small{
	opacity: 0.7;
}

p{
	margin-top: 0;
  	margin-bottom: 1rem;
}

img{
  	width: 100%;
}


/* headline-properties */
h1, .h1{
	margin: 0;
	font-weight: 600;
	font-size: 250%;
	line-height: 3rem;
}

h2, .h2{
	margin: 0;
	font-weight: 600;
	font-size: 225%;
	line-height: 2.75rem;
}

h3, .h3{
	margin: 0;
	font-weight: 500;
	font-size: 200%;
	line-height: 2.5rem;
}

h4, .h4{
	margin: 0;
	font-weight: 500;
	font-size: 175%;
	line-height: 2.25rem;
}

h5, .h5{
	margin: 0;
	font-weight: 400;
	font-size: 150%;
	line-height: 2rem;
}

h6, .h6{
	margin: 0;
	font-weight: 300;
	font-size: 125%;
	line-height: 1.75rem;
}


/* space-margin */
.margin-1{ margin: 1rem!important; }
.margin-b-1{ margin-bottom: 1rem!important; }
.margin-t-1{ margin-top: 1rem!important; }
.margin-l-1{ margin-left: 1rem!important; }
.margin-r-1{ margin-right: 1rem!important; }

.margin-2{ margin: 2rem!important; }
.margin-b-2{ margin-bottom: 2rem!important; }
.margin-t-2{ margin-top: 2rem!important; }
.margin-l-2{ margin-left: 2rem!important; }
.margin-r-2{ margin-right: 2rem!important; }

.margin-3{ margin: 3rem!important; }
.margin-b-3{ margin-bottom: 3rem!important; }
.margin-t-3{ margin-top: 3rem!important; }
.margin-l-3{ margin-left: 3rem!important; }
.margin-r-3{ margin-right: 3rem!important; }

.margin-4{ margin: 4rem!important; }
.margin-b-4{ margin-bottom: 4rem!important; }
.margin-t-4{ margin-top: 4rem!important; }
.margin-l-4{ margin-left: 4rem!important; }
.margin-r-4{ margin-right: 4rem!important; }


/* space-padding */
.padding-1{ padding: 1rem!important; }
.padding-b-1{ padding-bottom: 1rem!important; }
.padding-t-1{ padding-top: 1rem!important; }
.padding-l-1{ padding-left: 1rem!important; }
.padding-r-1{ padding-right: 1rem!important; }

.padding-2{ padding: 2rem!important; }
.padding-b-2{ padding-bottom: 2rem!important; }
.padding-t-2{ padding-top: 2rem!important; }
.padding-l-2{ padding-left: 2rem!important; }
.padding-r-2{ padding-right: 2rem!important; }

.padding-3{ padding: 3rem!important; }
.padding-b-3{ padding-bottom: 3rem!important; }
.padding-t-3{ padding-top: 3rem!important; }
.padding-l-3{ padding-left: 3rem!important; }
.padding-r-3{ padding-right: 3rem!important; }

.padding-4{ padding: 4rem!important; }
.padding-b-4{ padding-bottom: 4rem!important; }
.padding-t-4{ padding-top: 4rem!important; }
.padding-l-4{ padding-left: 4rem!important; }
.padding-r-4{ padding-right: 4rem!important; }


/* align */
.left{ text-align: left; }
.center{ text-align: center; }
.right{ text-align: right; }

.top { vertical-align: text-top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: text-bottom; }
.baseline { vertical-align: baseline; }


/* decoration */
.deco-none{ text-decoration: none; }


/* positions */
.absolute{ position: absolute; }
.fixed{ position: fixed; }
.inherit{ position: inherit; }
.initial{ position: initial; }
.relative{ position: relative; }
.static{ position: static; }
.sticky{ position: sticky; }
.unset{ position: unset; }


/* form */
form{
	width: 100%;
	padding: 0;
}

label{
	width: 100%;
	text-align: left;
}


/* input */
input, button{
	width: 100%;
	padding: .5rem .75rem;
	border-radius: .25rem;
	vertical-align: middle;
}

input[type='text'], input[type='password']{
	border: 1px solid rgba(0,0,0,.15);
	margin-bottom: 10px;
}

input[type='button'], button{
	cursor: pointer;
	text-align: center;
	border: 1px solid transparent;
}
@CHARSET "ISO-8859-1";

*{
	box-sizing: border-box;
}

body{
	width: 100%;
	margin: 0;
}

.row{
	width: 100%;
	text-align: left;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

.group{
	
}

[class*="col-"]{
	float: left;
	padding: 15px;
	padding-top: 10px;
    padding-bottom: 10px;
	width: 100%;
	height: 100%;
}

[class*="col-"] [class*="col-"]{
	padding: 0px;
}


/*Extra small devices*/
@media (max-width: 767px){

.col-xs-offset-1 {margin-left: 8.33%;}
.col-xs-offset-2 {margin-left: 16.66%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-4 {margin-left: 33.33%;}
.col-xs-offset-5 {margin-left: 41.66%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-7 {margin-left: 58.33%;}
.col-xs-offset-8 {margin-left: 66.66%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-10 {margin-left: 83.33%;}
.col-xs-offset-11 {margin-left: 91.66%;}
.col-xs-offset-12 {margin-left: 100%;}


.col-xs-1 {width: 8.33%;}
.col-xs-2 {width: 16.66%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.33%;}
.col-xs-5 {width: 41.66%;}
.col-xs-6 {width: 50%;}
.col-xs-7 {width: 58.33%;}
.col-xs-8 {width: 66.66%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.33%;}
.col-xs-11 {width: 91.66%;}
.col-xs-12 {width: 100%;}

.col-xs-auto {width: auto;}
.col-sm-auto {width: auto;}
.col-md-auto {width: auto;}
.col-lg-auto {width: auto;}

.col-xs-none {width: 0;}
.col-sm-none {width: 0;}
.col-md-none {width: 0;}
.col-lg-none {width: 0;}

}

/*Small devices*/
@media (min-width: 768px){

.col-xs-offset-1 {margin-left: 8.33%;}
.col-xs-offset-2 {margin-left: 16.66%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-4 {margin-left: 33.33%;}
.col-xs-offset-5 {margin-left: 41.66%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-7 {margin-left: 58.33%;}
.col-xs-offset-8 {margin-left: 66.66%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-10 {margin-left: 83.33%;}
.col-xs-offset-11 {margin-left: 91.66%;}
.col-xs-offset-12 {margin-left: 100%;}

.col-sm-offset-1 {margin-left: 8.33%;}
.col-sm-offset-2 {margin-left: 16.66%;}
.col-sm-offset-3 {margin-left: 25%;}
.col-sm-offset-4 {margin-left: 33.33%;}
.col-sm-offset-5 {margin-left: 41.66%;}
.col-sm-offset-6 {margin-left: 50%;}
.col-sm-offset-7 {margin-left: 58.33%;}
.col-sm-offset-8 {margin-left: 66.66%;}
.col-sm-offset-9 {margin-left: 75%;}
.col-sm-offset-10 {margin-left: 83.33%;}
.col-sm-offset-11 {margin-left: 91.66%;}
.col-sm-offset-12 {margin-left: 100%;}

.col-xs-1 {width: 8.33%;}
.col-xs-2 {width: 16.66%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.33%;}
.col-xs-5 {width: 41.66%;}
.col-xs-6 {width: 50%;}
.col-xs-7 {width: 58.33%;}
.col-xs-8 {width: 66.66%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.33%;}
.col-xs-11 {width: 91.66%;}
.col-xs-12 {width: 100%;}

.col-sm-1 {width: 8.33%;}
.col-sm-2 {width: 16.66%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33%;}
.col-sm-5 {width: 41.66%;}
.col-sm-6 {width: 50%;}
.col-sm-7 {width: 58.33%;}
.col-sm-8 {width: 66.66%;}
.col-sm-9 {width: 75%;}
.col-sm-10 {width: 83.33%;}
.col-sm-11 {width: 91.66%;}
.col-sm-12 {width: 100%;}

.col-sm-auto {width: auto;}
.col-md-auto {width: auto;}
.col-lg-auto {width: auto;}

.col-sm-none {width: 0;}
.col-md-none {width: 0;}
.col-lg-none {width: 0;}

}

/*Medium devices*/
@media (min-width: 992px){

.col-xs-offset-1 {margin-left: 8.33%;}
.col-xs-offset-2 {margin-left: 16.66%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-4 {margin-left: 33.33%;}
.col-xs-offset-5 {margin-left: 41.66%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-7 {margin-left: 58.33%;}
.col-xs-offset-8 {margin-left: 66.66%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-10 {margin-left: 83.33%;}
.col-xs-offset-11 {margin-left: 91.66%;}
.col-xs-offset-12 {margin-left: 100%;}

.col-sm-offset-1 {margin-left: 8.33%;}
.col-sm-offset-2 {margin-left: 16.66%;}
.col-sm-offset-3 {margin-left: 25%;}
.col-sm-offset-4 {margin-left: 33.33%;}
.col-sm-offset-5 {margin-left: 41.66%;}
.col-sm-offset-6 {margin-left: 50%;}
.col-sm-offset-7 {margin-left: 58.33%;}
.col-sm-offset-8 {margin-left: 66.66%;}
.col-sm-offset-9 {margin-left: 75%;}
.col-sm-offset-10 {margin-left: 83.33%;}
.col-sm-offset-11 {margin-left: 91.66%;}
.col-sm-offset-12 {margin-left: 100%;}

.col-md-offset-1 {margin-left: 8.33%;}
.col-md-offset-2 {margin-left: 16.66%;}
.col-md-offset-3 {margin-left: 25%;}
.col-md-offset-4 {margin-left: 33.33%;}
.col-md-offset-5 {margin-left: 41.66%;}
.col-md-offset-6 {margin-left: 50%;}
.col-md-offset-7 {margin-left: 58.33%;}
.col-md-offset-8 {margin-left: 66.66%;}
.col-md-offset-9 {margin-left: 75%;}
.col-md-offset-10 {margin-left: 83.33%;}
.col-md-offset-11 {margin-left: 91.66%;}
.col-md-offset-12 {margin-left: 100%;}


.col-xs-1 {width: 8.33%;}
.col-xs-2 {width: 16.66%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.33%;}
.col-xs-5 {width: 41.66%;}
.col-xs-6 {width: 50%;}
.col-xs-7 {width: 58.33%;}
.col-xs-8 {width: 66.66%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.33%;}
.col-xs-11 {width: 91.66%;}
.col-xs-12 {width: 100%;}

.col-sm-1 {width: 8.33%;}
.col-sm-2 {width: 16.66%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33%;}
.col-sm-5 {width: 41.66%;}
.col-sm-6 {width: 50%;}
.col-sm-7 {width: 58.33%;}
.col-sm-8 {width: 66.66%;}
.col-sm-9 {width: 75%;}
.col-sm-10 {width: 83.33%;}
.col-sm-11 {width: 91.66%;}
.col-sm-12 {width: 100%;}

.col-md-1 {width: 8.33%;}
.col-md-2 {width: 16.66%;}
.col-md-3 {width: 25%;}
.col-md-4 {width: 33.33%;}
.col-md-5 {width: 41.66%;}
.col-md-6 {width: 50%;}
.col-md-7 {width: 58.33%;}
.col-md-8 {width: 66.66%;}
.col-md-9 {width: 75%;}
.col-md-10 {width: 83.33%;}
.col-md-11 {width: 91.66%;}
.col-md-12 {width: 100%;}

.col-md-auto {width: auto;}
.col-lg-auto {width: auto;}

.col-md-none {width: 0;}
.col-lg-none {width: 0;}

}

/*Large devices*/
@media (min-width: 1200px){

.col-xs-offset-1 {margin-left: 8.33%;}
.col-xs-offset-2 {margin-left: 16.66%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-4 {margin-left: 33.33%;}
.col-xs-offset-5 {margin-left: 41.66%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-7 {margin-left: 58.33%;}
.col-xs-offset-8 {margin-left: 66.66%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-10 {margin-left: 83.33%;}
.col-xs-offset-11 {margin-left: 91.66%;}
.col-xs-offset-12 {margin-left: 100%;}

.col-sm-offset-1 {margin-left: 8.33%;}
.col-sm-offset-2 {margin-left: 16.66%;}
.col-sm-offset-3 {margin-left: 25%;}
.col-sm-offset-4 {margin-left: 33.33%;}
.col-sm-offset-5 {margin-left: 41.66%;}
.col-sm-offset-6 {margin-left: 50%;}
.col-sm-offset-7 {margin-left: 58.33%;}
.col-sm-offset-8 {margin-left: 66.66%;}
.col-sm-offset-9 {margin-left: 75%;}
.col-sm-offset-10 {margin-left: 83.33%;}
.col-sm-offset-11 {margin-left: 91.66%;}
.col-sm-offset-12 {margin-left: 100%;}

.col-md-offset-1 {margin-left: 8.33%;}
.col-md-offset-2 {margin-left: 16.66%;}
.col-md-offset-3 {margin-left: 25%;}
.col-md-offset-4 {margin-left: 33.33%;}
.col-md-offset-5 {margin-left: 41.66%;}
.col-md-offset-6 {margin-left: 50%;}
.col-md-offset-7 {margin-left: 58.33%;}
.col-md-offset-8 {margin-left: 66.66%;}
.col-md-offset-9 {margin-left: 75%;}
.col-md-offset-10 {margin-left: 83.33%;}
.col-md-offset-11 {margin-left: 91.66%;}
.col-md-offset-12 {margin-left: 100%;}

.col-lg-offset-1 {margin-left: 8.33%;}
.col-lg-offset-2 {margin-left: 16.66%;}
.col-lg-offset-3 {margin-left: 25%;}
.col-lg-offset-4 {margin-left: 33.33%;}
.col-lg-offset-5 {margin-left: 41.66%;}
.col-lg-offset-6 {margin-left: 50%;}
.col-lg-offset-7 {margin-left: 58.33%;}
.col-lg-offset-8 {margin-left: 66.66%;}
.col-lg-offset-9 {margin-left: 75%;}
.col-lg-offset-10 {margin-left: 83.33%;}
.col-lg-offset-11 {margin-left: 91.66%;}
.col-lg-offset-12 {margin-left: 100%;}


.col-xs-1 {width: 8.33%;}
.col-xs-2 {width: 16.66%;}
.col-xs-3 {width: 25%;}
.col-xs-4 {width: 33.33%;}
.col-xs-5 {width: 41.66%;}
.col-xs-6 {width: 50%;}
.col-xs-7 {width: 58.33%;}
.col-xs-8 {width: 66.66%;}
.col-xs-9 {width: 75%;}
.col-xs-10 {width: 83.33%;}
.col-xs-11 {width: 91.66%;}
.col-xs-12 {width: 100%;}

.col-sm-1 {width: 8.33%;}
.col-sm-2 {width: 16.66%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33%;}
.col-sm-5 {width: 41.66%;}
.col-sm-6 {width: 50%;}
.col-sm-7 {width: 58.33%;}
.col-sm-8 {width: 66.66%;}
.col-sm-9 {width: 75%;}
.col-sm-10 {width: 83.33%;}
.col-sm-11 {width: 91.66%;}
.col-sm-12 {width: 100%;}

.col-md-1 {width: 8.33%;}
.col-md-2 {width: 16.66%;}
.col-md-3 {width: 25%;}
.col-md-4 {width: 33.33%;}
.col-md-5 {width: 41.66%;}
.col-md-6 {width: 50%;}
.col-md-7 {width: 58.33%;}
.col-md-8 {width: 66.66%;}
.col-md-9 {width: 75%;}
.col-md-10 {width: 83.33%;}
.col-md-11 {width: 91.66%;}
.col-md-12 {width: 100%;}

.col-lg-1 {width: 8.33%;}
.col-lg-2 {width: 16.66%;}
.col-lg-3 {width: 25%;}
.col-lg-4 {width: 33.33%;}
.col-lg-5 {width: 41.66%;}
.col-lg-6 {width: 50%;}
.col-lg-7 {width: 58.33%;}
.col-lg-8 {width: 66.66%;}
.col-lg-9 {width: 75%;}
.col-lg-10 {width: 83.33%;}
.col-lg-11 {width: 91.66%;}
.col-lg-12 {width: 100%;}

.col-lg-auto {width: auto;}

.col-lg-none {width: 0;}

}



@CHARSET "ISO-8859-1";

/* header */
header, .header{
	height: auto;
	width: auto;
}

header *, .header *{
	text-decoration: none;
}
@CHARSET "ISO-8859-1";

/* navigation-bar */
nav{}

nav *{}

.active{
  text-decoration: underline;
}

.nav-brand{
  float: left;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
}

.nav-item{
  padding: 6px;
  display: inline-block;
}

nav li::after{
  content: "::";
  display: none;
}

nav a:link, nav a:visited{
  text-decoration: none;
  color: #000000;
}

nav a:hover{
  text-decoration: underline;
}


/* dropdown */

.dropdown-item{
  display: block;
}

li:hover .dropdown-menu{
  display: block;
}

.dropdown-menu{
  position: absolute;
  display: none;
  padding: 5px 10px;
  margin-top: 2px 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .3em;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
}


/* mobile */

/* cross */
.nav_container {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}










@CHARSET "ISO-8859-1";

/* custom css */
body {
    color: #231f20;
	padding-top: 2%;
	padding-bottom: 5%;
}

a { color: #231f20; }

#title{
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 2.5rem;
	display: inline-block;
}

#page .container {
    background-color: #80808030;
    padding: 2%;
}

.inverse {
	border-color: #231f20;
	border-top: solid 5px;
	border-bottom: solid 5px;
	background-color: #ffffff;
}

.info{
	display: none;
}

.logo{
	display: inline-block;
	max-height: 5rem;
}



@media (min-width: 767px){

body {
	padding-left: 5%;
	padding-right: 5%;
}

#title{
	font-size: 4rem;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

.info{
	display: block;
}

}