/* style desktop */
/* theme sw */
.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s; }

@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.bold {
  font-weight: bold; }

.nw {
  white-space: nowrap; }

.clear_b0 {
  clear: both; }

.clear_b5 {
  clear: both;
  height: 5px;
  width: 100%; }

.clear_b8 {
  clear: both;
  height: 8px;
  width: 100%; }

.clear_b10 {
  clear: both;
  height: 10px;
  width: 100%; }

.clear_b12 {
  clear: both;
  height: 12px;
  width: 100%; }

.clear_b15 {
  clear: both;
  height: 15px;
  width: 100%; }

.clear_b16 {
  clear: both;
  height: 16px;
  width: 100%; }

.clear_b20 {
  clear: both;
  height: 20px;
  width: 100%; }

.clear_b25 {
  clear: both;
  height: 25px;
  width: 100%; }

.clear_b30 {
  clear: both;
  height: 30px;
  width: 100%; }

.clear_b40 {
  clear: both;
  height: 40px;
  width: 100%; }

.clear_b60 {
  clear: both;
  height: 60px;
  width: 100%; }

.clear_b70 {
  clear: both;
  height: 75px;
  width: 100%; }

.clear_b90 {
  clear: both;
  height: 90px;
  width: 100%; }

.clear_b100 {
  clear: both;
  height: 100px;
  width: 100%; }

.clear_b110 {
  clear: both;
  height: 110px;
  width: 100%; }

.clear_b1_mb250 {
  clear: both;
  height: 1px;
  width: 100%;
  margin-bottom: 250px; }

/* totop */
#toTop {
  display: none;
  position: fixed;
  bottom: 33px;
  right: 20px;
  width: 52px;
  height: 52px;
  cursor: pointer;
  z-index: 100; }

#back_to_top {
  color: #cdcdcd;
  height: auto;
  position: fixed;
  text-align: center;
  bottom: 65px;
  margin: 0;
  z-index: 10000;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  right: 25px;
  visibility: hidden;
  -webkit-backface-visibility: hidden; }

#back_to_top.off {
  right: 25px; }

#back_to_top.on {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  right: 25px; }

#back_to_top > span {
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  -o-border-radius: 52px;
  -moz-border-radius: 52px;
  -webkit-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  border: 2px solid #e8e8e8;
  background: 0 0; }

#back_to_top span i, #back_to_top span span, .q_steps_holder .circle_small .step_title, .q_steps_holder .circle_small span {
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s; }

#back_to_top span i, #back_to_top span span {
  font-size: 22px;
  color: #b0b0b0;
  line-height: 45px; }

#back_to_top:hover > span {
  background-color: #e8e8e8; }

/* form */
.checkbox label {
  display: flex !important; }

.checkbox label span {
  line-height: 1.1rem; }

.parsley-errors-list, .parsley-required {
  color: #be0a26; }

.tx-felogin-pi1 input[type="submit"], input[type="submit"].powermail_submit {
  width: auto;
  padding: 5px;
  color: #ffffff;
  font-size: 0.9em;
  background-color: #51a4e0;
  border: 1px solid #efefef;
  border-radius: 6px; }

.tx-felogin-pi1 input[type="submit"]:hover, input[type="submit"].powermail_submit:hover {
  border: 1px solid #135280; }

/* form end */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  position: relative;
  min-height: 100%;
  height: initial !important; }

body {
  position: initial;
  font-family: ArialNarrow, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 0.9375rem;
  text-align: left;
  line-height: 1.1875rem;
  color: #656565;
  height: initial; }

.font-small {
  font-size: 0.7rem; }

.font-medium {
  font-size: 1.1rem; }

.font-large {
  font-size: 2.1rem; }

.font-xlarge {
  font-size: 3.2rem; }

.font-xxlarge {
  font-size: 3.9rem; }

h1 {
  font-size: 2.7rem;
  font-weight: normal;
  color: #9ea8b0;
  line-height: 2.8rem;
  text-decoration: none;
  margin: 0px 0px 10px 0px; }

h2 {
  font-size: 2.7rem;
  font-weight: normal;
  color: #9ea8b0;
  line-height: 2.8rem;
  text-decoration: none;
  margin: 0px 0px 10px 0px; }

h3 {
  font-size: 1.1rem;
  font-weight: normal;
  color: #9ea8b0;
  line-height: 1.3rem;
  text-decoration: none;
  margin: 0px 0px 10px 0px; }

.bl_foot h3 {
  margin: 0px 0px 5px 0px;
  font-size: 1.1rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.9rem;
  text-decoration: none; }

h4 {
  font-size: 1rem;
  font-weight: bold;
  color: #656565;
  line-height: 12px;
  text-decoration: none;
  margin: 0px 0px 10px 0px; }

.content {
  position: relative;
  background-color: #ffffff; }

.title-bar {
  background: #302c76; }

.bg-head {
  background: #302c76; }

.bg-foot {
  background: #302c76; }

.bg-gray {
  background: #9ea8b0; }

.bg-lightgreen {
  background: #a9c52f; }

.firma-logo {
  margin-right: 50px; }

.firma-schrift {
  position: relative;
  top: 7px; }

/*
 .slogan {
 font-size: 2.5321rem;
 color: #243d87;
 line-height: 2.3rem;
 }
 */
.parallax-mirror {
  background-color: #e8e8e8; }

.parallax-window {
  height: 560px; }

.parallax-slider {
  display: none; }

.header-sep {
  height: 1px;
  background: #e0e0e0;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4); }

.bl-head {
  position: sticky;
  top: 0px;
  display: grid;
  grid-template-columns: 40% 60%;
  background-color: #302c76;
  z-index: 10; }

.bl-head-left {
  padding-left: 50px; }

.bl-head-right {
  text-align: right;
  padding-right: 50px;
  align-self: center; }

.bl-foot {
  position: fixed;
  bottom: 0px;
  width: 100%;
  color: #f1ee3e;
  z-index: -2; }

.bl-foot-right {
  display: grid;
  grid-template-columns: auto 50px; }

.bl-foot-right div {
  align-self: center;
  text-align: right; }

.bl-topcontent {
  position: relative;
  max-width: 75rem;
  margin: 0 auto; }

.topcontent {
  position: absolute;
  padding: 15px;
  min-width: 250px;
  border: 1px solid #bbd5dc;
  border-radius: 3px;
  background-color: #bbd5dc;
  z-index: 8;
  right: 10px;
  top: -133px; }

p {
  line-height: 1.46rem; }

.bl-100 {
  min-height: 100vh; }

.bl-medium {
  margin-left: auto;
  margin-right: auto;
  max-width: 64rem; }

a {
  color: #be0a26;
  border-width: 0px; }

a:link {
  color: #be0a26;
  text-decoration: none; }

a:visited {
  color: #be0a26;
  text-decoration: none; }

a:hover {
  color: #be0a26;
  text-decoration: underline; }

h3 > a, h3 > a:visited, h3 > a:link {
  color: #9ea8b0; }

h3 > a:hover {
  color: #a9c52f; }

/* menu  */
.top-bar, .top-bar ul {
  background-color: transparent;
  list-style: none; }

.is-dropdown-submenu > li {
  background-color: #f7f7f7; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #155863 #0000 #0000; }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  border-color: transparent #155863 transparent transparent; }

.menu > li > a {
  background: none;
  color: #d1d1da;
  text-transform: uppercase;
  font-size: 1.1rem; }

.menu > li > a:hover {
  color: #d8c82a; }

.submenu > li > a {
  color: #9ea8b0;
  font-size: 1rem; }

.submenu > li > a:hover {
  color: #d8c82a; }

.menu .active > a {
  background: none;
  color: #d8c82a; }

.dropdown.menu > li.is-active > a {
  color: #d8c82a; }

.menu .is-active > a {
  background: none;
  color: #d8c82a; }

/* menu end */
/* foot menu */
.menu_foot {
  display: inline-block;
  margin: 0px 0px;
  list-style: none;
  font-size: 0.875rem;
  color: #d1d1da;
  border-style: none; }

.menu_foot ul {
  display: inline;
  margin: 0px 0px;
  list-style: none;
  border-style: none; }

.menu_foot ul li {
  margin: 0px 20px 0px 0px;
  line-height: 1.9rem;
  display: inline-block; }

.menu_foot a {
  color: #d1d1da;
  font-size: 1.1rem;
  border-width: 0px; }

.menu_foot a:link {
  color: #d1d1da;
  text-decoration: none; }

.menu_foot a:visited {
  color: #d1d1da;
  text-decoration: none; }

.menu_foot a:hover {
  color: #d8c82a;
  text-decoration: none; }

/* menu foot end */
.bl_foot a {
  color: #d1d1da;
  border-width: 0px; }

.bl_foot a:link {
  color: #d1d1da;
  text-decoration: none; }

.bl_foot a:visited {
  color: #d1d1da;
  text-decoration: none; }

.bl_foot a:hover {
  color: #a9c52f;
  text-decoration: none; }

.menu_social_item {
  display: inline-block;
  margin-right: 15px;
  border-width: 0px; }

.menu_social_item a {
  color: #d1d1da;
  border-width: 0px;
  font-size: 2.1rem; }

.menu_social_item a:link {
  color: #d1d1da;
  text-decoration: none; }

.menu_social_item a:visited {
  color: #d1d1da;
  text-decoration: none; }

.menu_social_item a:hover {
  color: #d8c82a;
  text-decoration: none; }

.hover-textboxen {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap; }

.hover-textboxen-item {
  position: relative;
  display: inline-block; }

.hover-textboxen-item4 .hover-textboxen-item {
  width: 25%; }

.hover-textboxen-item6 .hover-textboxen-item {
  width: 16.6%; }

.hover-textboxen-item-border {
  height: 100%;
  padding: 5%;
  padding-bottom: 18%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.hover-textboxen-item-border:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02); }

.hover-textboxen-item-inner {
  height: 100%;
  -webkit-box-shadow: 3px 3px 30px -8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 30px -8px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 30px -8px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  padding: 5%; }

@media only screen and (max-width: 64em) {
  .hover-textboxen-item4 .hover-textboxen-item {
    width: 50%; }
  .hover-textboxen-item6 .hover-textboxen-item {
    width: 50%; } }

@media only screen and (max-width: 40em) {
  .hover-textboxen-item4 .hover-textboxen-item {
    width: 100%; }
  .hover-textboxen-item6 .hover-textboxen-item {
    width: 100%; } }

.flex-direction-nav a:before {
  font-size: 30px; }

.tcountdowntimer {
  text-align: center;
  font-size: 1.9rem;
  line-height: 2rem;
  margin: 10px 0px; }

.ctu-title {
  font-size: 1.9rem;
  line-height: 2rem; }

.ctu-value {
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: normal; }

/* freeevent */
.fel-event-head {
  font-weight: bold;
  color: #302c76; }

/* freeevent end */
/* tc_fhr */
.ptfhr-content {
  position: relative;
  margin: 2px 0px 20px 0px; }

/* tc_fhr end */