/* FONTS AND STUFF */

@font-face{
    font-family:"Sans";
    src:url(../fonts/OpenSans-400.woff2) format("truetype");
    font-weight:400;
    font-display:fallback
}
@font-face{
    font-family:"TheSansExtraLight";
    src:url(../fonts/OpenSans-400.woff2) format("truetype");
    font-weight:400;
    font-display:fallback
}
@font-face{
    font-family:"Sans";
    src:url(../fonts/OpenSans-600.woff2) format("truetype");
    font-weight:600;
    font-display:fallback
}
@font-face{
    font-family:"TheSansSemiLight";
    src:url(../fonts/OpenSans-600.woff2) format("truetype");
    font-weight:600;
    font-display:fallback
}
@font-face{
    font-family:"Sans";
    src:url(../fonts/OpenSans-700.woff2) format("truetype");
    font-weight:700;
    font-display:fallback
}
@font-face{
    font-family:"TheSansSemiBold";
    src:url(../fonts/OpenSans-700.woff2) format("truetype");
    font-weight:700;
    font-display:fallback
}

.weight-400{
  font-weight:400
}

.weight-600{
  font-weight:600
}

.weight-700{
  font-weight:700
}

html body {
  overflow-x: hidden;
}

body {
  background: #FFF none repeat scroll 0 0;
  color: #07262d;
  font-family: "Sans",sans-serif;
  margin: 0;
}

h1, .semi-h1, 
h2, .semi-h2, 
h3, .semi-h3, 
h4, .semi-h4 {
  margin: 0;
  font-weight: 600;
}

h1, .semi-h1 {
  font-size: 42px;
}

h2, .semi-h2 {
  font-size: 36px;
  line-height: 45px;
}

h3, .semi-h3 {
  font-size: 30px;
  line-height: 40px;
  
}

h4, .semi-h4 {
  font-size: 24px;
  line-height: 38px;
  
}

p {
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 13px;
  margin: 0;
}

a, a:visited, a.active, a:active {
  text-decoration: none;
  color: #1964FF;
  transition: all .3s;
  font-weight: 600;
}

a:hover {
  color: #07262d;
  color: var(--primary-color);
}

.pointer {
  cursor: pointer;
}

.page.page-neu {
  margin-bottom: 424px;
}

.page .content-wrap ul {
  padding-left: 20px;
}

.page .content-wrap ul:not(.pager__items) > li {
  font-size: 18px;
  line-height: 32px;
}

.page .content-wrap ul:not(.pager__items) > li {
  position: relative;
  padding-left: 5px;
  margin-bottom: 15px;
}

.page .content-wrap ul:not(.pager__items) > li::marker {
  font-size: 0;
}

.page .content-wrap ul:not(.pager__items) > li::after {
  content: "";
  position: absolute;
  top: 12px;
  left: -17px;
  height: 9px;
  width: 8px;
  background-color: #1964ff;
  clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
}

/* OLD COLORS */

.black {
  color: #000000;
}

.cobalt-blue {
  color: #004FCD;
}

.strong-cyan-blue {
  color: #0050c8;
}

.cyan {
  color: #007EB4;
}

.vivid-cyan {
  color: #009fe3;
}

.petrol{
  color: #07262d;
}

.deep-green {
  color: #287300;
}

.deep-blue-magenta {
  color: #503287;
}

.dark-gray {
  color: #575757;
}

.deep-red-orange {
  color: #6e3217;
}

.green {
  color: #7AB51D;
}

.medium-gray {
  color: #878787;
}

.strong-magenta-pink {
  color: #aa0064;
}

.gray {
  color: #B2B2B2;
}

.strong-pink {
  color: #C70066;
}

.light-gray {
  color: #dadada;
}

.coral-red {
  color: #E8412E;
}

.very-light-gray {
  color: #EDEDED;
}

.aureolin {
  color: #FDC400;
}

.white {
  color: #FFFFFF;
}

/* COLORS */

a.leuchtblau, .leuchtblau {  
  color: #1964FF;
}   
a.leuchtgrün, .leuchtgrün {  
  color: #28D296;
}   
a.leuchtrot, .leuchtrot {  
  color: #FF5041;
}   
a.leuchtgelb, .leuchtgelb {  
  color: #FFC800;
}   
a.weiss, .weiss {  
  color: #FFFFFF;
}   
a.hellblau, .hellblau {  
  color: #EBF5FF;
}   
a.hellgrün, .hellgrün {  
  color: #E6F5E6;
}   
a.hellrot, .hellrot {  
  color: #FFF0E6;
}   
a.hellgelb, .hellgelb {  
  color: #FAF5E1;
}   
a.dunkelblau, .dunkelblau {  
  color: #140082;
}   
a.dunkelgrün, .dunkelgrün {  
  color: #005046;
}   
a.dunkelrot, .dunkelrot {  
  color: #A00000;
}   
a.orange, .orange {  
  color: #FF5F00;
}   
a.dunkelgrau, .dunkelgrau {  
  color: #555555;
}   
a.mittelgrau, .mittelgrau {  
  color: #C8C8C8;
}   
a.hellgrau, .hellgrau {  
  color: #EBEBE6;
}   

/* TEXT HELPER */

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-strong {
  font-weight: 700;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.size6 {font-size: 6px; line-height: 7px;}
.size7 {font-size: 7px; line-height: 8px;}
.size8 {font-size: 8px; line-height: 10px;}
.size9 {font-size: 9px; line-height: 11px;}
.size10 {font-size: 10px; line-height: 12px;}
.size11 {font-size: 11px; line-height: 13px;}
.size12 {font-size: 12px; line-height: 14px;}
.size13 {font-size: 13px; line-height: 16px;}
.size14 {font-size: 14px; line-height: 17px;}
.size15 {font-size: 15px; line-height: 18px;}
.size16 {font-size: 16px; line-height: 19px;}
.size17 {font-size: 17px; line-height: 20px;}
.size18 {font-size: 18px; line-height: 22px;}
.size19 {font-size: 19px; line-height: 23px;}
.size20 {font-size: 20px; line-height: 24px;}
.size21 {font-size: 21px; line-height: 25px;}
.size22 {font-size: 22px; line-height: 26px;}
.size23 {font-size: 23px; line-height: 28px;}
.size24 {font-size: 24px; line-height: 29px;}
.size25 {font-size: 25px; line-height: 30px;}
.size26 {font-size: 26px; line-height: 31px;}
.size27 {font-size: 27px; line-height: 32px;}
.size28 {font-size: 28px; line-height: 34px;}
.size29 {font-size: 29px; line-height: 35px;}
.size30 {font-size: 30px; line-height: 36px;}
.size31 {font-size: 31px; line-height: 37px;}
.size32 {font-size: 32px; line-height: 38px;}
.size33 {font-size: 33px; line-height: 40px;}
.size34 {font-size: 34px; line-height: 41px;}
.size35 {font-size: 35px; line-height: 42px;}
.size36 {font-size: 36px; line-height: 43px;}
.size37 {font-size: 37px; line-height: 44px;}
.size38 {font-size: 38px; line-height: 46px;}
.size39 {font-size: 39px; line-height: 47px;}
.size40 {font-size: 40px; line-height: 48px;}
.size41 {font-size: 41px; line-height: 49px;}
.size42 {font-size: 42px; line-height: 50px;}
.size43 {font-size: 43px; line-height: 52px;}
.size44 {font-size: 44px; line-height: 53px;}
.size45 {font-size: 45px; line-height: 54px;}
.size46 {font-size: 46px; line-height: 55px;}
.size47 {font-size: 47px; line-height: 56px;}
.size48 {font-size: 48px; line-height: 58px;}
.size49 {font-size: 49px; line-height: 59px;}
.size50 {font-size: 50px; line-height: 60px;}
.size51 {font-size: 51px; line-height: 61px;}
.size52 {font-size: 52px; line-height: 62px;}
.size53 {font-size: 53px; line-height: 64px;}
.size54 {font-size: 54px; line-height: 65px;}
.size55 {font-size: 55px; line-height: 66px;}
.size56 {font-size: 56px; line-height: 67px;}
.size57 {font-size: 57px; line-height: 68px;}
.size58 {font-size: 58px; line-height: 70px;}
.size59 {font-size: 59px; line-height: 71px;}
.size60 {font-size: 60px; line-height: 72px;}
.size61 {font-size: 61px; line-height: 73px;}
.size62 {font-size: 62px; line-height: 74px;}
.size63 {font-size: 63px; line-height: 76px;}
.size64 {font-size: 64px; line-height: 77px;}
.size65 {font-size: 65px; line-height: 78px;}
.size66 {font-size: 66px; line-height: 79px;}
.size67 {font-size: 67px; line-height: 80px;}
.size68 {font-size: 68px; line-height: 82px;}
.size69 {font-size: 69px; line-height: 83px;}
.size70 {font-size: 70px; line-height: 84px;}

.TheSansExtraLight {font-family:"TheSansExtraLight";}
.TheSansSemiLight {font-family:"TheSansSemiLight";}
.TheSansSemiBold {font-family: "TheSansSemiBold";}
.sans {font-family:"Sans",sans-serif;}

/* CONTAINER HELPER */

.table-center {
  display: table;
  margin: 0 auto;
}

/* HEADER */

.page .header-wrap #header {
  height: 122px;
  overflow: hidden;
}


/* MAIN */

body .page .content-wrap {
  padding-top: 122px;
}

.page.page-neu .content-wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

@media (min-width: 1080px) {
  .page.page-neu .content-wrap .slope {
    top: 100%;
  }
}

.page.page-neu .content-wrap .slope {
  border-style: solid;
  border-width: 0 100vw 0 0;
  border-color: #fff transparent transparent;
}

.bgc1964FF.page-neu .content-wrap .slope {  
  border-color: #1964FF transparent transparent;
}
.bgc28D296.page-neu .content-wrap .slope { 
  border-color: #28D296 transparent transparent;
}   
.bgcFF5041.page-neu .content-wrap .slope {
  border-color: #FF5041 transparent transparent;
}   
.bgcFFC800.page-neu .content-wrap .slope { 
  border-color: #FFC800 transparent transparent;
}   
.bgcFFFFFF.page-neu .content-wrap .slope {
  border-color: #FFFFFF transparent transparent;
}   
.bgcEBF5FF.page-neu .content-wrap .slope { 
  border-color: #EBF5FF transparent transparent;
}   
.bgcE6F5E6.page-neu .content-wrap .slope {
  border-color: #E6F5E6 transparent transparent;
}   
.bgcFFF0E6.page-neu .content-wrap .slope { 
  border-color: #FFF0E6 transparent transparent;
}   
.bgcFAF5E1.page-neu .content-wrap .slope { 
  border-color: #FAF5E1 transparent transparent;
}   
.bgc140082.page-neu .content-wrap .slope { 
  border-color: #140082 transparent transparent;
}   
.bgc005046.page-neu .content-wrap .slope { 
  border-color: #005046 transparent transparent;
}   
.bgcA00000.page-neu .content-wrap .slope { 
  border-color: #A00000 transparent transparent;
}   
.bgcFF5F00.page-neu .content-wrap .slope { 
  border-color: #FF5F00 transparent transparent;
}   
.bgc555555.page-neu .content-wrap .slope { 
  border-color: #555555 transparent transparent;
}   
.bgcC8C8C8.page-neu .content-wrap .slope { 
  border-color: #C8C8C8 transparent transparent;
}   
.bgcEBEBE6.page-neu .content-wrap .slope {
  border-color: #EBEBE6 transparent transparent;
} 




/* FOOTER */

.page.page-neu .footer-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.footer-title {
  padding: 0 0 4.25px 0;
  font-size: 18px;
  line-height: 27px;
  margin: 0;
  color: #fff;
  font-weight: 600;
}

a.footer-link {
  color: #FFF;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding-left: 7px;
}

a.footer-link:hover {
  color: var(--highlight-color);
}

.page .footer-wrap {
  
}

.page .footer-wrap .footer-menu-wrapper {
  background-color: #07262D;
}

.page.page-neu {
  margin-bottom: 881px;
  overflow: hidden;
  position: relative;
  background-color: #07262d;
}

.page-neu .footer-wrap .footer-menu-wrapper {
  padding-top: 145px;
}

@media (min-width: 540px) {
  
  .page.page-neu {
    margin-bottom: 576px;
  }
  
}

@media (min-width: 1080px) {
  
  .page.page-neu {
    margin-bottom: 576px;
  }

}

@media (min-width: 1598px) {
  
  .page.page-neu {
    margin-bottom: 320px;
  }

}

.page .footer-wrap .footer-menu-wrapper #footer {
  padding: 72.25px 0 32.25px 0;
}

.page .footer-wrap .footer-menu-wrapper #footer a img.footer-logo {
  width: 174px;
}

.page .footer-wrap .footer-menu-wrapper #footer .socialbar__link:first-of-type {
  margin-left: 0;
}

.page .footer-wrap .footer-menu-wrapper #footer .socialbar__link {
  font-size: 0;
  margin-left: 50px;
  color: #fff;
}

.page .footer-wrap .footer-menu-wrapper #footer .socialbar {
  display: table;
  margin: 0 auto;
  padding-top: 12px;
}

.page .footer-wrap .footer-menu-wrapper #footer .socialbar__link path {
  transition: fill .3s ease-in-out;
}

.page .footer-wrap .footer-menu-wrapper #footer .socialbar__link:hover path {
  fill: var(--highlight-color);
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 {
  /*float: right;*/
}

.page .footer-wrap .footer-menu-wrapper #footer .footer-image {
  display: block;
  text-align: center;
  padding-bottom: 17px;
}

@media (min-width: 1096px) {
  .page .footer-wrap .footer-menu-wrapper #footer .footer-image {
    display: initial;
  }
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-contact {
  display: table;
  padding: 17px 0;
  width: 100%;
  text-align: center;
}

@media (min-width: 1096px) {
  .page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-contact {
    display: table;
    padding: 0 0 34px 0;
    width: 100%;
    text-align: right;
  }
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-navigation {
  display: flex;
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-navigation div:first-child {
  margin: 0 auto;
}

@media (min-width: 1096px) {
  .page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-navigation div:first-child {
    margin: 0 0 0 auto;
  }
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-navigation nav ul:not(.contextual-links) {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 0 25.5px;
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-navigation nav ul li {
  display: inline-block;
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-navigation nav ul li a {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}

.page .footer-wrap .footer-menu-wrapper #footer .footer3 .footer-navigation nav ul li a:hover {
  color: var(--highlight-color);
}

.page .footer-wrap .footer p,
.page .footer-wrap .more-events-list-wrapper p {
  padding: 0 0 8.5px 0;
}

.page .footer-wrap .footer-menu-wrapper #footer a.cta {
  margin: 0;
  padding: 15px 28px;
}

@media (min-width: 1096px) {
  .page .footer-wrap .footer-menu-wrapper #footer a.cta {
    float: right;
  }
}

.page .footer-wrap .footer-menu-wrapper #footer .more-events-list-wrapper {
  position: relative;
  width: 326px;
  color: #fff;
}

@media (min-width: 1096px) {
  .page .footer-wrap .footer-menu-wrapper #footer .more-events-list-wrapper {
    width: 652px;
  }
}

.page .footer-wrap .footer-menu-wrapper #footer .more-events-list-wrapper p {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding-top: 13px;
}

.page .footer-wrap .footer-menu-wrapper #footer .more-events-list-wrapper p a {
  color: #fff;
  font-weight: 400;
}

.page .footer-wrap .footer-menu-wrapper #footer .more-events-list-wrapper p a:hover {
  color: var(--highlight-color);
}

/* SOCIAL MEDIA */

.page .footer-wrap #footer .social-media .headline {
  padding: 34px 0;
}

a.follow {
  height: 51px;
  width: 51px;
  display: block;
  margin: 4.5px 0 12.5px 14.5px;
  text-decoration: none;
  text-indent: -9999px;
  vertical-align: top;
  background-size: 51px !important;
  transition: all .4s;
}
/*
a.follow:hover {
  height: 68px;
  width: 68px;
  background-size: 68px !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
*/
a.follow.follow-facebook {
  background: url(../img/sm-f.svg);
}

a.follow.follow-twitter {
  background: url(../img/sm-t.svg);
}

a.follow.follow-linkedin {
  background: url(../img/sm-i.svg);
}

a.follow.follow-youtube {
  background: url(../img/sm-y.svg);
}

a.follow.follow-xing {
  background: url(../img/sm-x.svg);
}

.page .footer-wrap #footer .social-media .ba11111col-wrapper {
  padding: 17px 0;
}

.page .footer-wrap #footer .social-media .ba11111col-wrapper {
  width: 216px;
}

.page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_1,
.page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_2,
.page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_3,
.page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_4,
.page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_5 {
  margin-right: 0;
  border-right: none;
  padding-right: 17px;
  margin-top: 17px;
}

@media (min-width: 448px) {
  .page .footer-wrap #footer .social-media .ba11111col-wrapper {
    width: 432px;
  }
  
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_1,
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_3 {
    margin-right: 0;
    border-right: 1px solid #B2B2B2;
    padding-right: 16px;
  }
  
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_2,
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_4,
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_5 {
    margin-right: 0;
    border-right: none;
    padding-right: 17px;
  }
  
}

@media (min-width: 1096px) {
  .page .footer-wrap #footer .social-media .ba11111col-wrapper {
    width: 1080px;
  }
  
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_1,
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_2,
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_3,
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_4 {
    margin-right: 0;
    border-right: 1px solid #B2B2B2;
    padding-right: 16px;
  }
  
  .page .footer-wrap #footer .social-media .ba11111col-wrapper .ba11111_5 {
    margin-right: 0;
    border-right: none;
    padding-right: 17px;
  }
  
}

.page .footer-wrap #footer .footer-menu .paragraph.paragraph--type--_-column-wrapper-1-1-1.ba111col-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  height: 10px;
  background-image: radial-gradient(farthest-side at 50%,rgba(0,0,0,.1),transparent);
  background-repeat: no-repeat;
  background-position: 0 -5px,0 100%;
  background-size: 100% 10px;
}

.page .footer-wrap #footer .footer-menu .paragraph.paragraph--type--_-column-wrapper-1-1-1.ba111col-wrapper {
  padding-top: 40px;
  margin-top: 35px;
  position: relative;
}

/* LOG IN */

.path-user .page.page-user-login .content-wrap {
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 102px;
}

/* USER PAGE */
body.user-logged-in.path-user .page.page-neu .content-wrap #main-content {
  background-color: #FFF;
}

/**
 * @file
 * Styles for system messages.
 */

.messages {
  padding: 15px 20px 15px 35px; /* LTR */
  word-wrap: break-word;
  border: 1px solid;
  border-width: 1px 1px 1px 0;  /* LTR */
  border-radius: 2px;
  background: no-repeat 10px 17px;  /* LTR */
  overflow-wrap: break-word;
}
[dir="rtl"] .messages {
  padding-right: 35px;
  padding-left: 20px;
  text-align: right;
  border-width: 1px 0 1px 1px;
  background-position: right 10px top 17px;
}
.messages + .messages {
  margin-top: 1.538em;
}
.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.messages__item + .messages__item {
  margin-top: 0.769em;
}
/* See .color-success in Seven's colors.css */
.messages--status {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;  /* LTR */
  background-color: #f3faef;
  background-image: url(../../../../misc/icons/73b355/check.svg);
  box-shadow: -8px 0 0 #77b259; /* LTR */
}
[dir="rtl"] .messages--status {
  margin-left: 0;
  border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  box-shadow: 8px 0 0 #77b259;
}
/* See .color-warning in Seven's colors.css */
.messages--warning {
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;  /* LTR */
  background-color: #fdf8ed;
  background-image: url(../../../../misc/icons/e29700/warning.svg);
  box-shadow: -8px 0 0 #e09600; /* LTR */
}
[dir="rtl"] .messages--warning {
  border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  box-shadow: 8px 0 0 #e09600;
}
/* See .color-error in Seven's colors.css */
.messages--error {
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;  /* LTR */
  background-color: #fcf4f2;
  /*background-image: url(../../../../misc/icons/e32700/error.svg);*/
  box-shadow: -8px 0 0 #e62600; /* LTR */
}
[dir="rtl"] .messages--error {
  border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  box-shadow: 8px 0 0 #e62600;
}
.messages--error p.error {
  color: #a51b00;
}
/*
body .dialog-off-canvas-main-canvas .page {
  padding-top: 78px;
}
body.toolbar-vertical .dialog-off-canvas-main-canvas .page,
body.toolbar-horizontal .dialog-off-canvas-main-canvas .page {
  padding-top: 107px;
}

body.path-frontpage .dialog-off-canvas-main-canvas .page {
  padding-top: 0px;
}
*/

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; padding-left: 0px; padding-right: 56px;}
  100%  {opacity: 1; padding-left: 28px; padding-right: 28px;}
}

/* VIDEO */
video:hover {
  cursor: pointer;
}

/* mobile fix */
/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}