* {outline: none !important;}
body {font-family: 'Lato', sans-serif;}
header {background-color: #f2f2f2;}
h1,h2,h3,h4,h5,h6,p,a {margin: 0;padding: 0;}
h2 {color: #5b82b4;font-size: 24px;font-style: italic;}
h3 {color: #ffffff;font-size: 20px;}
.blue-btn {background-color: #5b82b4;color: #ffffff;border: none;padding: 5px 40px;}
.grey-bg {margin-top:90px;background-color: #f2f2f2;}

a.logo {display: inline-block;margin: 20px 0;}
ul.navigation {text-align: right;margin: 30px 0;}
ul.navigation li {list-style: none;display: inline-block;margin-left: 30px;}
ul.navigation li a {color:#282828;font-size: 16px;}
ul.navigation li.active a {color: #5b82b4;text-decoration: underline;}

/*MENU*/
#navbar {
  width:100%;
  text-align:right;
  z-index: 100;
  position: absolute;
  left:0px;
  top:0px;
  height: 40px;
/*  background-color: #4286f4; */
/*  background-color: #ffffff; */ 
}

.menu {
  border: 0;
  max-height: 40px;
  float: left;
  width: 100%;
  text-align: right;
}

.desktop {
  font-size: 0;
  min-height: 40px;
  background: none;
  padding-left: 10px;
  padding-right: 10px;
  float: none;
  margin-right:10%;
}

.desktop li {
  border: 0;
  margin-left: 1px;
  margin-right: 1px;
  height: 40px;
  display: inline-block;
  float: none;
  list-style: none;
  padding: 0;
  position: relative;
}

.desktop li a {
  transition: all 300ms ease;
  color: #888888;
  text-decoration: none;
  font-size: 15px;
  margin: 0 auto;
 /* text-transform: uppercase; */
  display: inline-block;
  height: 40px;
  padding: 10px 23px;
}

.desktop li a:hover { background-color: #f2f2f2; }

.desktop .submenu {
  position: absolute;
  display: block;
  margin-top: 0;
  padding: 0;
  min-height: 100px;
  width: 185px;
  height: initial;
  visibility: hidden;
  text-align: left;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -webkit-transition: transform 300ms ease, opacity 300ms ease;
  -moz-transition: transform 300ms ease, opacity 300ms ease;
  -ms-transition: transform 300ms ease, opacity 300ms ease;
  -o-transition: transform 300ms ease, opacity 300ms ease;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
}

.desktop li a:hover + .submenu, .desktop li a + .submenu:hover {
  visibility: visible;
  opacity: 0.95;
  transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
}

.desktop .submenu li {
  border: 0;
  font-size: 0;
  line-height: 1;
  text-align: left;
  width: 185px;
  height: initial;
  margin: 0 auto;
}

.desktop .submenu .submenu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  top: 0;
  width: 185px;
}

.desktop .submenu .submenu li { width: 180px; }

.desktop .submenu li a {
  display: block;
  background-color: #f2f2f2;
  min-height: 45px;
  height: auto;
  border: 0;
  line-height: 1;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 0;
}

.desktop .submenu li a:hover {
/*  background-color: #f77300; */
 border: 1px solid #888888;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#openMenu {
  cursor: pointer;
  color: #888888;
  position: absolute;
  top: 17px;
  left: 20px;
  display: none;
}

.mobile {
  opacity: 0.95;
  background-color: #333;
  text-align: left;
  margin: 0 auto;
  overflow-y: hidden;
  transition: all 300ms ease;
  width: 300px;
  position: absolute;
  top: 40px;
  left: -300px;
}

.open {
  opacity: 0.97;
  display: block;
  left: 0px;
}

.mobile li { display: block; }

.mobile li a {
  padding: 5px 2px;
  display: block;
  color: #ffffff;
  text-decoration: none;
}

.mobile li a:hover {
  color: #4286f4;
  background-color: #ffffff;
}

.overlay {
  cursor: pointer;
  width: 100%;
  height: calc(100% - 40px);
  position: absolute;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
/* END MENU */


form h3 {background-color: #5b82b4;text-align: center;padding:10px 0;}
form {border: 1px solid #999999;border-radius: 5px;overflow: hidden;}
form input[type="text"] {background: #f2f2f2;width: 100%;border: 1px solid #999;height: 30px;padding: 2px;margin-bottom: 10px;}
form input[type="password"] {background: #f2f2f2;width: 100%;border: 1px solid #999;height: 30px;padding: 2px;margin-bottom: 10px;}
form select {background: #f2f2f2;width: 100%;border: 1px solid #999;height: 30px;padding: 2px;margin-bottom: 10px;}

.btn-group button {
    background-color: #f2f2f2;
    border:  1px solid #999;
    color: #999;
    padding: 2px 20px;
    cursor: pointer; 
    float: left;
}
.btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}
/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}
/* Add a background color on hover */
.btn-group button:hover {
    background-color: #5b82b4;
    color: #f2f2f2;
}
.btn-group button.aktLang {
    background-color: #5b82b4;
    color: #f2f2f2;
    
}


.boxes {display: table;width:100%;padding:0 15%;background-color: #ffffff;color: #282828;height: 50px;margin:12px 0;border-radius: 5px;}
.boxes h4 {font-size:1.5em;display: table-cell;vertical-align: middle;}
.boxes span {display: none;width: 80%;margin: 0 auto;}
.boxes:hover {text-decoration: none;}
.boxes:hover h4 {display: none;}
.boxes:hover span {display: table-cell;vertical-align: middle;color: #282828;}
.orange-box {
	border-top: 2px solid #ee9931;
	border-bottom: 2px solid #d85132;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee9931), to(#d85132));
	background-image: -webkit-linear-gradient(#ee9931, #d85132);
	background-image:
	-moz-linear-gradient(#ee9931, #d85132),
	-moz-linear-gradient(#ee9931, #d85132);
	background-image:
	-o-linear-gradient(#ee9931, #d85132),
	-o-linear-gradient(#ee9931, #d85132);
	background-image: 
	linear-gradient(#ee9931, #d85132),
	linear-gradient(#ee9931, #d85132);
	-moz-background-size: 2px 100%;
	background-size: 2px 100%;
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
}
.boxes.orange-box:hover {
	border-top: 4px solid #ee9931;
	border-bottom: 4px solid #d85132;
	-moz-background-size: 4px 100%;
	background-size: 4px 100%;
}
.green-box {
	border-top: 2px solid #e0de49;
	border-bottom: 2px solid #8fb04b;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0de49), to(#8fb04b));
	background-image: -webkit-linear-gradient(#e0de49, #8fb04b);
	background-image:
	-moz-linear-gradient(#e0de49, #8fb04b),
	-moz-linear-gradient(#e0de49, #8fb04b);
	background-image:
	-o-linear-gradient(#e0de49, #8fb04b),
	-o-linear-gradient(#e0de49, #8fb04b);
	background-image: 
	linear-gradient(#e0de49, #8fb04b),
	linear-gradient(#e0de49, #8fb04b);
	-moz-background-size: 2px 100%;
	background-size: 2px 100%;
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
}
.boxes.green-box:hover {
	border-top: 4px solid #e0de49;
	border-bottom: 4px solid #8fb04b;
	-moz-background-size: 4px 100%;
	background-size: 4px 100%;
}
.purple-box {
	border-top: 2px solid #a87db2;
	border-bottom: 2px solid #3e4b8a;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a87db2), to(#3e4b8a));
	background-image: -webkit-linear-gradient(#a87db2, #3e4b8a);
	background-image:
	-moz-linear-gradient(#a87db2, #3e4b8a),
	-moz-linear-gradient(#a87db2, #3e4b8a);
	background-image:
	-o-linear-gradient(#a87db2, #3e4b8a),
	-o-linear-gradient(#a87db2, #3e4b8a);
	background-image: 
	linear-gradient(#a87db2, #3e4b8a),
	linear-gradient(#a87db2, #3e4b8a);
	-moz-background-size: 2px 100%;
	background-size: 2px 100%;
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
}
.boxes.purple-box:hover {
	border-top: 4px solid #a87db2;
	border-bottom: 4px solid #3e4b8a;
	-moz-background-size: 4px 100%;
	background-size: 4px 100%;
}

.p-20 {padding: 20px;}
.mt-20 {margin-top:20px;}
.mt-40 {margin-top:30px;}
.mb-20 {margin-bottom:20px;}
.mb-40 {margin-bottom:30px;}

@media screen and (max-width: 767px) {
  	.text-center-m {text-align: center;}
  	ul.mgu {margin-top: 0;text-align: center!important;}
  	ul.navigation {margin-top: 0;text-align: center;}
  	ul.navigation li {margin:0 10px;}
	.mt-40 {margin-top:20px;}
	.mb-40 {margin-bottom:20px;}
	.mb-20-m {margin-bottom:20px;}
}