/* ======= Variablen ==================================== */
/*HUNGER Blau*/
/*HUNGER Blau aber dunkler*/
/*HUNGER Blau aber heller*/
/* Verlaufsprozessor */
/* ======= Allgemein ==================================== */
.button_corner {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#004d9b), to(transparent));
  background-image: -webkit-linear-gradient(135deg, #004d9b 99%, transparent 99%);
  background-image: -moz-linear-gradient(135deg, #004d9b 99%, transparent 99%);
  background-image: -o-linear-gradient(135deg, #004d9b 99%, transparent 99%);
  background-image: -ms-linear-gradient(135deg, #004d9b 99%, transparent 99%);
  background-image: linear-gradient(135deg, #004d9b 99%, transparent 99%);
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.button_corner:hover {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#003870), to(transparent));
  background-image: -webkit-linear-gradient(135deg, #003870 99%, transparent 99%);
  background-image: -moz-linear-gradient(135deg, #003870 99%, transparent 99%);
  background-image: -o-linear-gradient(135deg, #003870 99%, transparent 99%);
  background-image: -ms-linear-gradient(135deg, #003870 99%, transparent 99%);
  background-image: linear-gradient(135deg, #003870 99%, transparent 99%);
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.learn_more {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#004d9b), to(transparent));
  background-image: -webkit-linear-gradient(135deg, #004d9b 97%, transparent 97%);
  background-image: -moz-linear-gradient(135deg, #004d9b 97%, transparent 97%);
  background-image: -o-linear-gradient(135deg, #004d9b 97%, transparent 97%);
  background-image: -ms-linear-gradient(135deg, #004d9b 97%, transparent 97%);
  background-image: linear-gradient(135deg, #004d9b 97%, transparent 97%);
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.navibox {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#b2d8ff), to(transparent));
  background-image: -webkit-linear-gradient(135deg, #b2d8ff 99%, transparent 99%);
  background-image: -moz-linear-gradient(135deg, #b2d8ff 99%, transparent 99%);
  background-image: -o-linear-gradient(135deg, #b2d8ff 99%, transparent 99%);
  background-image: -ms-linear-gradient(135deg, #b2d8ff 99%, transparent 99%);
  background-image: linear-gradient(135deg, #b2d8ff 99%, transparent 99%);
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.sidepanel a {
  background: #004d9b; }

.sidepanel a:hover {
  background: #003870; }

.border-top {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(transparent)) !important;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4), transparent) !important;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.4), transparent) !important;
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.4), transparent) !important;
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.4), transparent) !important;
  background-image: linear-gradient(left, rgba(255, 255, 255, 0.4), transparent) !important;
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.border-bottom {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#003870), to(transparent)) !important;
  background-image: -webkit-linear-gradient(left, #003870, transparent) !important;
  background-image: -moz-linear-gradient(left, #003870, transparent) !important;
  background-image: -o-linear-gradient(left, #003870, transparent) !important;
  background-image: -ms-linear-gradient(left, #003870, transparent) !important;
  background-image: linear-gradient(left, #003870, transparent) !important;
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

#left_scroll a {
  border-right: 12px solid #003870; }

#right_scroll a {
  border-left: 12px solid #003870; }

.carousel-list-item:hover {
  border-color: #b2d8ff;
  background: #ddd; }
/* #mainnav > ul > li.active a { @include gradient_vertical($hauptfarbe3, $hauptfarbe1, 100%); }*/
#mainnav > ul > li.active a {
  background: #68b3ff; }

.navibox .carousel-list-item:hover {
  background: rgba(0, 0, 0, 0.1); }