/*#load {
 width: 100vw;
 height: 100vh;
 position: fixed;
 z-index: 1000;
 background: url("../../../fileadmin/videos/load1.gif") no-repeat center center rgba(0, 0, 0, 1);
 background-size: 200px;
 background-color: white;
 }*/
#load {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  background-size: 100%;
  background-color: #031d29;
  /*pointer-events:none;
   background: linear-gradient(to top, rgba(0,150,200,1) 50%, rgba(0,150,200,1) 53%, rgba(3,28,41,1) 53%, rgba(3,28,41,1) 100%);
   background-size:100% 200%;
   -webkit-animation-name: loading; 
   -webkit-animation-duration: 1s; 
   animation-name:loading;
   animation-duration: 1s;*/ }

.shapeshifter {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation-duration: 3000ms;
  animation-timing-function: steps(90);
  width: 80px;
  height: 125px;
  background-repeat: no-repeat; }

.shapeshifter.play {
  animation-name: play90; }

@keyframes play90 {
  0% {
    background-position: 0px 0px; }

  100% {
    background-position: -7200px 0px; } }
/*$trine: #195b65;*/
/*$trinepaper: linear-gradient(125deg,#195b65, #13454D);*/
.magic {
  -webkit-animation-name: magic;
  animation-name: magic; }

@-webkit-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg); } }

@keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg);
    transform: scale(1, 1) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg);
    transform: scale(0, 0) rotate(270deg); } }

#sidemenu.empty {
  display: none; }

#sidemenu {
  display: block;
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: auto;
  min-height: 100vh;
  background: #031d29;
  z-index: 5;
  transition: 0.3s;
  -webkit-box-shadow: inset 0px 100px 100px -80px rgba(0, 0, 0, 1);
  -moz-box-shadow: inset 0px 100px 100px -80px rgba(0, 0, 0, 1);
  box-shadow: inset 0px 100px 100px -80px rgba(0, 0, 0, 1); }
  #sidemenu .icon {
    position: absolute;
    top: calc(40vh + 60px);
    left: -40px;
    width: 40px;
    height: 40px;
    background-image: url("../../../fileadmin/images/icon/imprint.png");
    background-color: #fce2d6;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px 0px 0px 4px;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    filter: invert(100); }
  #sidemenu .innerwrap {
    position: relative;
    height: 100vh;
    overflow: auto;
    width: 100%; }
    #sidemenu .innerwrap .paddingwrap {
      /*padding: 60px 0;*/
      /*margin:60px auto 0 auto;*/
      padding: 60px 0; }
      #sidemenu .innerwrap .paddingwrap .frame {
        width: 80%;
        margin: 10px auto; }
      #sidemenu .innerwrap .paddingwrap header h2 {
        font-size: 80%;
        color: #aaa;
        font-weight: 100;
        text-align: right; }
      #sidemenu .innerwrap .paddingwrap p {
        color: #666;
        text-align: right;
        margin: 2px; }
      #sidemenu .innerwrap .paddingwrap .tx-blog-authors img {
        display: block;
        width: 100%;
        margin: 5px auto; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-authors .author-box-intro {
          display: none; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-authors .author-inline-block {
          margin: 5px auto; }
          #sidemenu .innerwrap .paddingwrap .tx-blog-authors .author-inline-block h4 {
            color: #0f9ad6; }
          #sidemenu .innerwrap .paddingwrap .tx-blog-authors .author-inline-block h5 {
            color: #095c80; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-authors .author-box-content {
          color: whitesmoke;
          font-size: 80%;
          margin: 8px auto;
          font-family: "Roboto", sans-serif; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-authors .author-social-links a {
          display: none;
          background: transparent; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-authors a {
          display: block;
          width: 100%;
          padding: 10px 5px;
          background: rgba(0, 0, 0, 0.8);
          color: whitesmoke;
          text-decoration: none;
          text-align: center;
          font-size: 80%; }
      #sidemenu .innerwrap .paddingwrap .sidebarheadline {
        color: #095c80;
        font-size: 100%;
        margin: 15px auto 5px auto; }
      #sidemenu .innerwrap .paddingwrap .tx-blog-widget {
        width: 100%;
        margin: 5px auto;
        background: #095c80;
        padding: 10px;
        box-sizing: border-box; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-widget ul {
          list-style: none; }
          #sidemenu .innerwrap .paddingwrap .tx-blog-widget ul li {
            text-decoration: none; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-widget h3 {
          color: #031d29;
          font-family: "Roboto", sans-serif;
          font-size: 95%;
          margin: 3px auto; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-widget a {
          display: inline-block;
          color: #11adf0;
          margin: 2px auto; }
        #sidemenu .innerwrap .paddingwrap .tx-blog-widget .tags {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          margin: 3px auto; }
          #sidemenu .innerwrap .paddingwrap .tx-blog-widget .tags a {
            display: block;
            background: #084755;
            -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 1);
            -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 1);
            box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 1);
            padding: 5px;
            font-size: 80% !important;
            margin: 2px;
            text-decoration: none;
            color: whitesmoke; }
  #sidemenu:after {
    opacity: 0;
    backdrop-filter: blur(0px) saturate(100%); }

#sidemenu.open {
  right: 0;
  transition: 0.3s;
  z-index: 15; }
  #sidemenu.open:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #031d29;
    opacity: 0.99; }
  #sidemenu.open:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px) saturate(80%);
    z-index: -2;
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.5s; }

#menu {
  width: 100%;
  height: 100%;
  z-index: 11;
  /*background:$black;*/ }

#mobilemenu {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  border: 1px solid whitesmoke;
  -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
  /*background-color:$black;*/
  /*background-image:url("../../../fileadmin/images/icon/menu.png");
   background-size:15px;
   background-repeat:no-repeat;
   background-position:center;*/
  /*transform:scale(0.8);*/
  z-index: 2; }
  #mobilemenu span {
    display: block;
    width: 20px;
    height: 2px;
    background: whitesmoke;
    margin: 6px auto; }
/*#mobilemenu:hover {
 background-color:$dark;
 filter:grayscale(100);
 background-size:17px;
 }*/
#mobilemenu.active {
  background-color: transparent;
  /*background-image: url(../../../fileadmin/images/icon/close.png);
   box-shadow: none;
   background-size: 18px;
   background-repeat:no-repeat;
   background-position:center;*/
  width: 30px;
  height: 30px;
  top: 15px;
  right: 15px;
  border: 1px solid #aaa; }
  #mobilemenu.active span {
    position: absolute;
    top: 50%;
    left: 50%;
    filter: grayscale(0);
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #ff7f7f;
    transform-origin: center;
    margin: 0; }
    #mobilemenu.active span:first-child {
      opacity: 0; }
    #mobilemenu.active span:last-child {
      transform: translate(-50%, -50%) rotate(-45deg);
      transform-origin: center; }

#languagemenu {
  position: absolute;
  top: 15px;
  left: 15px;
  width: auto;
  height: 30px; }
  #languagemenu .tx-srlanguagemenu .NO, #languagemenu .tx-srlanguagemenu .CUR {
    margin: 0 3px;
    overflow: hidden; }
    #languagemenu .tx-srlanguagemenu .NO a, #languagemenu .tx-srlanguagemenu .CUR a {
      font-family: 'Montserrat', sans-serif;
      font-size: 90%;
      font-weight: 100;
      color: whitesmoke; }
      #languagemenu .tx-srlanguagemenu .NO a:hover, #languagemenu .tx-srlanguagemenu .CUR a:hover {
        transform: scale(1.01);
        color: #0f9ad6;
        transition: 0.3s; }
    #languagemenu .tx-srlanguagemenu .CUR a {
      font-weight: 600;
      color: white; }
      #languagemenu .tx-srlanguagemenu .CUR a:before {
        display: none; }
    #languagemenu .tx-srlanguagemenu .SPC:before {
      padding-right: 5px;
      color: #aaa; }
  @media only screen and (min-width: 1280px) {
  #languagemenu {
    position: fixed;
    width: 60px;
    display: flex;
    justify-content: center;
    left: auto;
    right: calc(5vw - 30px) !important;
    top: calc(25vh - 40px); }
    #languagemenu.scrolled {
      transform: scale(0.95) translateY(55px);
      transition: transform 0.3s ease 0.05s; } }

.navbar {
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  width: 100vw;
  margin: 0 auto;
  height: 100vh;
  overflow-x: auto;
  top: 0;
  left: 100vw;
  padding: 50px 0px;
  z-index: 1;
  list-style: none;
  transition: transform 0.5s linear 0.5s;
  /*&:after {
   content:'';
   position:fixed;
   top:0;
   left:0;
   width:200vw;
   height:100vh;
   background:rgba(0,0,0.5);
   opacity:0;
   backdrop-filter: blur(20px);
   transition:opacity 0.5s ease 1s;
   transform:translateX(-50%);
   pointer-events:none;
   z-index:-2;
   }*/ }
  .navbar .divider {
    pointer-events: none; }
    .navbar .divider .innerwrap {
      pointer-events: none; }
    .navbar .divider .innerwrap h2 {
      pointer-events: none; }
  .navbar li {
    pointer-events: none;
    flex: 1 0 100%;
    height: auto;
    margin: 10px auto; }
    .navbar li:last-child {
      margin-bottom: 120px; }
    .navbar li a {
      text-decoration: none;
      color: #11adf0; }
    .navbar li a .innerwrap {
      width: 95%;
      margin: 1px auto;
      text-align: center; }
      .navbar li a .innerwrap h2 {
        font-weight: 500;
        font-size: 100%; }
    .navbar li ul {
      display: flex;
      position: relative;
      flex-direction: row;
      justify-content: space-around;
      flex-wrap: wrap;
      padding: 0;
      width: 95%;
      margin: 4px auto;
      list-style: none; }
    .navbar li ul li {
      pointer-events: all;
      flex-grow: 1;
      flex-basis: calc(50% - 8px);
      height: 150px;
      margin: 3px;
      background-color: #031d29;
      -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
      /*border:1px solid #444;*/
      -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
      transition: 0.3s; }
      .navbar li ul li:last-child {
        margin: 3px; }
      .navbar li ul li:hover {
        transform: scale(1.01);
        background-color: #095c80;
        transition: background-color 0.1s linear 0s, transform 0.3s ease 0.1s; }
      .navbar li ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        flex-direction: column;
        text-align: center;
        text-decoration: none;
        color: whitesmoke;
        font-size: 80%;
        font-family: "Montserrat", sans-serif; }
        .navbar li ul li a img {
          max-width: 30px;
          height: auto;
          filter: invert(1); }
        .navbar li ul li a h4 {
          margin-top: 4px;
          font-size: 85%;
          font-weight: 300; }

.navbar.open {
  pointer-events: all;
  opacity: 1;
  transform: translateX(-100vw);
  /*background:rgba(0,0,0,0.3);*/
  /*left:0;*/
  -webkit-box-shadow: inset 0px 0px 40px -10px rgba(0, 0, 0, 0.85);
  -moz-box-shadow: inset 0px 0px 40px -10px rgba(0, 0, 0, 0.85);
  box-shadow: inset 0px 0px 40px -10px rgba(0, 0, 0, 0.85);
  transition: transform 0.3s ease 0.2s;
  /*&:after {
   opacity:1;
   transition:opacity 0.5s ease 1s;
   }
   &:before {
   @include fullpseudo;
   background:black;
   opacity:0.3;
   z-index:-1;
   @include outershadow;
   }*/ }
/*position:absolute;*/
#footer {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: auto;
  background: #031d29;
  z-index: 1;
  overflow: auto; }
  #footer .footermenu {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 30px auto; }
    #footer .footermenu li {
      text-align: left;
      flex: 0 0 80%;
      margin: 3px auto;
      padding: 10px 5px;
      background: rgba(0, 0, 0, 0.8);
      text-align: center;
      /*background:linear-gradient(to right, transparent, rgba(0,0,0,0.8), transparent);*/
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      /*border-bottom:1px solid $trine;*/
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #footer .footermenu li a {
      text-decoration: none;
      color: #0f9ad6;
      font-size: 80%; }
  #footer #address {
    display: block;
    width: 80%;
    margin: 5px auto; }
    #footer #address span {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      margin: 3px auto; }
    #footer #address span p {
      display: block;
      margin: 1px auto;
      flex: 0 0 100%;
      text-align: left;
      color: #aaa;
      font-weight: 100;
      font-size: 80%; }
      #footer #address span p strong {
        color: whitesmoke;
        font-weight: 300; }
      #footer #address span p a {
        display: block;
        text-decoration: none;
        color: whitesmoke;
        width: 100%;
        border: 1px solid whitesmoke;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 30px auto 10px auto; }
  #footer .actdate {
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
    #footer .actdate p {
      font-size: 80%;
      color: #095c80; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  background: #031d29;
  opacity: 0;
  /*background:rgba(0,0,0,0.85);*/
  pointer-events: none; }
  .popup .frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 5px auto;
    width: 100%;
    min-height: 100vh;
    padding: 20px 0; }
    .popup .frame h2 {
      font-size: 140%;
      color: #0f9ad6;
      font-weight: 600;
      margin: 30px auto; }
    .popup .frame h3 {
      color: #095c80;
      font-size: 120%;
      font-weight: 400;
      width: 80%; }
    .popup .frame h4 {
      font-size: 100%;
      color: white;
      font-weight: 700;
      margin: 20px auto 0 auto;
      width: 80%; }
    .popup .frame p {
      color: #ddd;
      width: 80%;
      font-size: 86%;
      margin: 10px auto; }
    .popup .frame p a {
      display: block;
      max-width: 250px;
      color: #ddd;
      text-decoration: none;
      text-align: center;
      padding: 10px;
      /*border:1px solid #ddd;*/
      background: linear-gradient(125deg, #095c80, #05374d); }
    .popup .frame img {
      margin: 20px 0; }
  .popup ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 90%;
    height: auto;
    margin: 50px auto;
    min-height: calc(100vh - 100px);
    list-style: none; }
    .popup ul li {
      display: flex;
      flex: 1 0 33%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 3px auto;
      background: #095c80;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    .popup ul li h3 {
      color: white;
      text-transform: uppercase; }
      .popup ul li h3 a {
        text-decoration: none;
        color: white; }
    .popup ul li p {
      width: 80%;
      margin: 3px auto;
      color: #ddd;
      text-align: left; }

.popup.open {
  opacity: 1;
  pointer-events: all;
  z-index: 15; }

.open #closebutton, .open #destroybutton {
  background: url('http://lvps91-250-112-78.dedicated.hosteurope.de/hosting/typotest/fileadmin/images/icon/close_small.png');
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  position: fixed;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 2px solid #444; }
/*filter:grayscale(100);*/
.open #closebutton.scrolled, .open #destroybutton.scrolled {
  transform: scale(0.8);
  background-color: black;
  filter: grayscale(0); }

#cookiebox {
  opacity: 0;
  pointer-events: none;
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  min-height: 250px;
  left: 100vh;
  top: 0;
  background: url("../../../fileadmin/images/mainbg2.jpg");
  background-size: cover;
  background-position: center bottom;
  z-index: 10000;
  transition-delay: 0.1s;
  transition: 0.1s; }
  #cookiebox .innerwrap {
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80vh;
    max-width: 500px;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
    #cookiebox .innerwrap .paddingwrap {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      align-content: center;
      position: absolute;
      height: 100%;
      box-sizing: border-box;
      /* top: 0; */
      /* transform: translate(0,-50%); */
      padding: 30px; }
    #cookiebox .innerwrap .paddingwrap h3 {
      flex: 0 0 100%;
      text-align: center;
      color: whitesmoke;
      font-size: 100%;
      margin: 10px auto; }
    #cookiebox .innerwrap .paddingwrap p {
      flex: 0 0 100%;
      text-align: left;
      color: #aaa;
      font-size: 80%; }
      #cookiebox .innerwrap .paddingwrap p a {
        color: white;
        text-decoration: none;
        background: transparent;
        border: none;
        height: auto;
        line-height: default;
        font-size: 80%;
        box-shadow: none; }
    #cookiebox .innerwrap .paddingwrap a {
      flex: 0 0 44%;
      margin: 2px 1%;
      text-decoration: none;
      color: whitesmoke;
      text-align: center;
      border: 2px solid #095c80;
      height: 50px;
      line-height: 50px;
      font-size: 70%;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #cookiebox .innerwrap .paddingwrap .closelink {
      border: 2px solid whitesmoke;
      color: whitesmoke; }
  #cookiebox #cookievid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(10px); }
    #cookiebox #cookievid video {
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      opacity: 0.45;
      filter: blur(10px); }

#cookiebox.open {
  opacity: 1;
  pointer-events: all;
  left: 0;
  transition: opacity 0.5s ease 3s; }

#maincnt .el:nth-child(1n) {
  transition-delay: 0.2s; }

#maincnt .el:nth-child(2n) {
  transition-delay: 0.4s; }

#maincnt .el:nth-child(3n) {
  transition-delay: 0.6s; }

#maincnt .el:nth-child(4n) {
  transition-delay: 0.8s; }

#maincnt .el:nth-child(5n) {
  transition-delay: 1s; }

#maincnt .el:nth-child(6n) {
  transition-delay: 1.2s; }

#maincnt .el:nth-child(7n) {
  transition-delay: 1.4s; }

#maincnt .el:nth-child(8n) {
  transition-delay: 1.6s; }

#maincnt .el:nth-child(9n) {
  transition-delay: 1.8s; }

#maincnt .el:nth-child(10n) {
  transition-delay: 2s; }

.content {
  /*position:relative;*/
  margin: auto;
  width: 100%;
  height: auto; }
/*z-index:1;*/
.frame {
  width: 100%; }

.cnt {
  margin: 10px auto !important;
  width: 90% !important;
  flex: 0 0 90% !important;
  max-width: 1400px !important; }
  .cnt ul {
    list-style: disc;
    color: #888; }
    .cnt ul li {
      margin: 2px 0px;
      color: #888;
      font-size: 80%; }
  .cnt h1.page-title {
    font-size: 80%;
    color: #888;
    font-weight: 500; }

#maincnt {
  position: fixed;
  width: 100vw;
  left: 0;
  top: 0;
  height: calc(100vh - 70px);
  padding: 40px 0;
  overflow: auto;
  background: #031d29;
  z-index: 10000000;
  transition: top 0.5s ease 0.3s; }
  #maincnt .p1024 {
    display: none; }
  #maincnt .innerwrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    width: 90%;
    margin: 5vh auto;
    height: calc(90vh - 70px); }
    #maincnt .innerwrap .el {
      /*background: url("../../../fileadmin/images/abstract_4.jpg");
       background-position: center;
       background-size: cover;
       background-attachment: fixed;*/
      margin: 0 !important;
      border: 3px solid #031d29;
      background: #095c80 !important; }
    #maincnt .innerwrap .el:first-child {
      background: #031d29 !important; }
      #maincnt .innerwrap .el:first-child .frame {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center; }
        #maincnt .innerwrap .el:first-child .frame header {
          flex: 1 0 100%; }
          #maincnt .innerwrap .el:first-child .frame header h2 {
            position: relative;
            font-size: 90%;
            color: #11adf0;
            text-align: left;
            background: transparent; }
        #maincnt .innerwrap .el:first-child .frame p {
          flex: 1 0 100%;
          color: #095c80;
          font-size: 80%; }
    #maincnt .innerwrap .el .latest #min_title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      #maincnt .innerwrap .el .latest #min_title h2 {
        line-height: normal !important;
        font-size: 60% !important; }
    #maincnt .innerwrap .flx1, #maincnt .innerwrap .flx2, #maincnt .innerwrap .flx3, #maincnt .innerwrap .flx13, #maincnt .innerwrap .flx23 {
      display: flex;
      height: 25%;
      flex-grow: 1;
      overflow: hidden;
      background: #095c80;
      /*background:$primepaper;*/
      -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
      transition: 0.5s;
      transition-delay: 0.3s; }
    #maincnt .innerwrap .flx1 .frame, #maincnt .innerwrap .flx2 .frame, #maincnt .innerwrap .flx3 .frame, #maincnt .innerwrap .flx13 .frame, #maincnt .innerwrap .flx23 .frame {
      transition: 0.5s; }
    #maincnt .innerwrap .flx1 img, #maincnt .innerwrap .flx2 img, #maincnt .innerwrap .flx3 img, #maincnt .innerwrap .flx13 img, #maincnt .innerwrap .flx23 img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 100%;
      height: auto; }
    #maincnt .innerwrap .flx1 blockquote, #maincnt .innerwrap .flx2 blockquote, #maincnt .innerwrap .flx3 blockquote, #maincnt .innerwrap .flx13 blockquote, #maincnt .innerwrap .flx23 blockquote {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      #maincnt .innerwrap .flx1 blockquote h1, #maincnt .innerwrap .flx2 blockquote h1, #maincnt .innerwrap .flx3 blockquote h1, #maincnt .innerwrap .flx13 blockquote h1, #maincnt .innerwrap .flx23 blockquote h1 {
        font-size: 130%;
        text-align: center; }
      #maincnt .innerwrap .flx1 blockquote h1 a, #maincnt .innerwrap .flx2 blockquote h1 a, #maincnt .innerwrap .flx3 blockquote h1 a, #maincnt .innerwrap .flx13 blockquote h1 a, #maincnt .innerwrap .flx23 blockquote h1 a {
        color: white;
        text-decoration: none;
        font-weight: 300; }
      #maincnt .innerwrap .flx1 blockquote p, #maincnt .innerwrap .flx2 blockquote p, #maincnt .innerwrap .flx3 blockquote p, #maincnt .innerwrap .flx13 blockquote p, #maincnt .innerwrap .flx23 blockquote p {
        text-align: center;
        color: #ddd;
        background: transparent;
        font-size: 93%; }
    #maincnt .innerwrap .flx1 h2, #maincnt .innerwrap .flx2 h2, #maincnt .innerwrap .flx3 h2, #maincnt .innerwrap .flx13 h2, #maincnt .innerwrap .flx23 h2 {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 40px;
      line-height: 40px;
      font-size: 100%;
      font-weight: 300;
      text-align: right;
      width: 100%;
      background: rgba(0, 0, 0, 0.8);
      color: #11adf0;
      text-transform: uppercase; }
      #maincnt .innerwrap .flx1 h2 a, #maincnt .innerwrap .flx2 h2 a, #maincnt .innerwrap .flx3 h2 a, #maincnt .innerwrap .flx13 h2 a, #maincnt .innerwrap .flx23 h2 a {
        color: #11adf0;
        text-decoration: none;
        display: block;
        margin-right: 10px; }
    #maincnt .innerwrap .flx1 h3, #maincnt .innerwrap .flx2 h3, #maincnt .innerwrap .flx3 h3, #maincnt .innerwrap .flx13 h3, #maincnt .innerwrap .flx23 h3 {
      position: absolute;
      left: 0;
      bottom: 0;
      height: 40px;
      line-height: 40px;
      font-size: 100%;
      text-align: left;
      width: 100%;
      font-weight: 300;
      background: rgba(0, 0, 0, 0.8);
      color: #11adf0;
      text-transform: uppercase; }
      #maincnt .innerwrap .flx1 h3 a, #maincnt .innerwrap .flx2 h3 a, #maincnt .innerwrap .flx3 h3 a, #maincnt .innerwrap .flx13 h3 a, #maincnt .innerwrap .flx23 h3 a {
        color: #11adf0;
        text-decoration: none;
        display: block;
        margin-left: 10px; }
    #maincnt .innerwrap .flx1 h5, #maincnt .innerwrap .flx2 h5, #maincnt .innerwrap .flx3 h5, #maincnt .innerwrap .flx13 h5, #maincnt .innerwrap .flx23 h5 {
      position: absolute;
      bottom: 5px;
      left: 50%;
      transform: translate(-50%, 0);
      font-weight: 300; }
      #maincnt .innerwrap .flx1 h5 a, #maincnt .innerwrap .flx2 h5 a, #maincnt .innerwrap .flx3 h5 a, #maincnt .innerwrap .flx13 h5 a, #maincnt .innerwrap .flx23 h5 a {
        color: #ddd;
        text-decoration: none; }
    #maincnt .innerwrap .flx1 ul, #maincnt .innerwrap .flx2 ul, #maincnt .innerwrap .flx3 ul, #maincnt .innerwrap .flx13 ul, #maincnt .innerwrap .flx23 ul {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      height: calc(100% - 40px);
      opacity: 0;
      pointer-events: none; }
      #maincnt .innerwrap .flx1 ul li, #maincnt .innerwrap .flx2 ul li, #maincnt .innerwrap .flx3 ul li, #maincnt .innerwrap .flx13 ul li, #maincnt .innerwrap .flx23 ul li {
        display: flex;
        flex: 1 0 33%;
        align-items: center;
        justify-content: center;
        border-right: 1px solid black;
        background: rgba(17, 173, 240, 0.6);
        text-align: center; }
      #maincnt .innerwrap .flx1 ul li a, #maincnt .innerwrap .flx2 ul li a, #maincnt .innerwrap .flx3 ul li a, #maincnt .innerwrap .flx13 ul li a, #maincnt .innerwrap .flx23 ul li a {
        color: white;
        text-decoration: none; }
    #maincnt .innerwrap .flx1 p, #maincnt .innerwrap .flx2 p, #maincnt .innerwrap .flx3 p, #maincnt .innerwrap .flx13 p, #maincnt .innerwrap .flx23 p {
      display: block;
      position: unset !important; }
      #maincnt .innerwrap .flx1 p strong, #maincnt .innerwrap .flx2 p strong, #maincnt .innerwrap .flx3 p strong, #maincnt .innerwrap .flx13 p strong, #maincnt .innerwrap .flx23 p strong {
        /*width:100%;
         height:100%;
         background:rgba(9,92,128,0.5);*/
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white; }
    #maincnt .innerwrap .flx2 {
      flex-basis: calc(50% - 6px); }
    #maincnt .innerwrap .flx3, #maincnt .innerwrap .flx13 {
      flex-basis: calc(33% - 6px); }
    #maincnt .innerwrap .flx23 {
      flex-basis: calc(66% - 6px); }
    #maincnt .innerwrap .flx_parent {
      background: transparent !important;
      margin: 0 !important;
      border: 3px solid #031d29; }
    #maincnt .innerwrap .flx_parent .frame {
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap; }
    #maincnt .innerwrap .flx_parent .flx2 {
      display: flex;
      flex-grow: 1;
      flex-basis: calc(50% - 6px);
      height: calc(50% - 6px);
      background: #084755;
      /*background:$trinepaper;*/ }
      #maincnt .innerwrap .flx_parent .flx2 a {
        width: 100%;
        height: 100%; }
      #maincnt .innerwrap .flx_parent .flx2 img {
        filter: invert(100); }
    #maincnt .innerwrap .scrldwn {
      position: relative;
      width: 100%;
      height: 30vh;
      background: black;
      margin-bottom: 50px;
      overflow: hidden; }
    #maincnt .innerwrap .scrldwn .grdfll {
      width: 0;
      height: 30vh;
      background: #031d29; }
      #maincnt .innerwrap .scrldwn .grdfll:after {
        content: '';
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100%;
        width: 100%;
        border-top: 1px solid #095c80; }
    #maincnt .innerwrap .blcr {
      width: 80px;
      height: 200px;
      opacity: 0; }

#maincnt.upped {
  transition: top 0.5s ease 0.3s; }

#opencnt {
  width: 100vw;
  height: 100vh;
  background: #031d29;
  z-index: 1; }
  #opencnt .innerwrap {
    position: relative;
    width: 100%;
    height: 100%; }
    #opencnt .innerwrap:after {
      width: 20vw;
      height: 20vh;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      filter: blur(20px);
      transform: scale(5) translateZ(0);
      /*animation: bluranim 23s infinite;*/
      will-change: opacity; }

@keyframes bluranim {
      0% {
        opacity: 0.95; }
      40% {
        opacity: 0.25; }
      60% {
        opacity: 0.75; }
      80% {
        opacity: 0.5; }
      100% {
        opacity: 0.95; } }
  #opencnt .innerwrap #introvid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4; }
  #opencnt .innerwrap #introvid video {
    /*filter:blur(10px);*/
    min-height: 100vh;
    min-width: 100vw;
    height: auto;
    width: auto; }
  #opencnt .innerwrap .frame {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: auto;
    z-index: 10;
    max-height: 90vh; }
  #opencnt .innerwrap .frame #introblock {
    width: 100%;
    height: 90vh; }
    #opencnt .innerwrap .frame #introblock h2 {
      font-size: 130%;
      margin: 20px auto;
      color: white;
      font-weight: 500; }
    #opencnt .innerwrap .frame #introblock h2 strong {
      font-weight: 800;
      color: #095c80; }
    #opencnt .innerwrap .frame #introblock p {
      font-size: 90%;
      color: whitesmoke;
      line-height: 1.75; }
    #opencnt .innerwrap .frame #introblock p a {
      display: block;
      margin: 20px auto 20px 0px;
      color: whitesmoke;
      text-decoration: none;
      height: 40px;
      width: 75%;
      line-height: 40px;
      text-align: center;
      font-size: 90%;
      background: #095c80;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      overflow: hidden; }
      #opencnt .innerwrap .frame #introblock p a:hover {
        transform: scale(1.01);
        background: #031d29;
        transition: 0.3s ease 0.3s; }
        #opencnt .innerwrap .frame #introblock p a:hover:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: transparent;
          border-right: 2px solid whitesmoke;
          transform: translateY(-100%);
          transition: 0.3s ease 0.2s; }
      #opencnt .innerwrap .frame #introblock p a:after {
        transform: translateY(0) !important;
        transition: 0.3s ease 0.2s; }
  #opencnt .innerwrap .frame:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40%;
    width: 100%;
    border-left: 1px solid whitesmoke;
    opacity: 0.5;
    pointer-events: none; }
  #opencnt .innerwrap .frame:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    filter: blur(50px);
    opacity: 0.3;
    -webkit-box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.5); }
  #opencnt .lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: 90vw;
    pointer-events: none; }
  #opencnt .lines .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0%;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden; }
  #opencnt .lines .line::after {
    content: '';
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -15vh;
    left: -20%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
    animation: run 7s 0s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    will-change: transform;
    transform: translateZ(0); }
  #opencnt .lines .line:nth-child(1) {
    left: 33%; }
    #opencnt .lines .line:nth-child(1)::after {
      animation-delay: 2s; }
  #opencnt .lines .line:nth-child(2) {
    left: 66%; }
    #opencnt .lines .line:nth-child(2)::after {
      animation-delay: 3s; }
  #opencnt .lines .line:nth-child(3) {
    left: 99%; }
    #opencnt .lines .line:nth-child(3)::after {
      animation-delay: 2.5s; }

@keyframes run {
  /*0% { top: -50% }
   100% { top: 110% }*/
    0% {
      transform: translateY(0); }
    100% {
      transform: translateY(115vh); } }

#subcnt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 50px;
  position: relative;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.01), #031d29);
  overflow: auto;
  /*-webkit-box-shadow: inset 0px 0px 40px -15px rgba(0,0,0,0.5);
   -moz-box-shadow: inset 0px 0px 40px -15px rgba(0,0,0,0.5);
   box-shadow: inset 0px 0px 40px -15px rgba(0,0,0,0.5);*/
  overflow-x: hidden;
  z-index: 3; }
  #subcnt #cntflw_2 {
    background: #001014;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    max-width: 100%;
    margin: 0px auto !important; }
  #subcnt #cntflw_2 .flx2 header {
    margin-top: 20px; }
    #subcnt #cntflw_2 .flx2 header h2 {
      color: whitesmoke; }
  #subcnt #cntflw_2 .flx2 p {
    font-size: 80%;
    color: #888;
    width: 80%;
    margin: 5px auto; }
    #subcnt #cntflw_2 .flx2 p a {
      width: 100%;
      color: whitesmoke;
      text-decoration: none;
      text-align: center;
      height: 40px;
      line-height: 40px;
      display: block;
      background: #031d29;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      margin: 20px auto; }
    #subcnt #cntflw_2 .flx2 p a:hover {
      transform: scale(1.02);
      background: #095c80;
      transition: 0.3s; }
  #subcnt #cntflw_2 .flx3.el {
    flex: 1 0 100%;
    margin: 10px auto; }
  #subcnt #cntflw_2 .flx3.el .frame {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center; }
    #subcnt #cntflw_2 .flx3.el .frame h3 {
      flex-basis: calc(100% - 60px);
      font-weight: 400;
      margin: 20px 0px 20px 10px; }
    #subcnt #cntflw_2 .flx3.el .frame img {
      flex-basis: 40px;
      width: 40px;
      height: auto;
      filter: invert(1);
      opacity: 0.75;
      margin: 20px auto; }
    #subcnt #cntflw_2 .flx3.el .frame p {
      flex-basis: 100%;
      flex-grow: 1; }
    #subcnt #cntflw_2 .flx3.el .frame p:last-child {
      margin-bottom: 20px; }
    #subcnt #cntflw_2 .flx3.el .frame p a {
      color: #11adf0;
      display: block;
      margin: 20px auto;
      padding-top: 20px;
      text-decoration: none;
      transition: 0.3s; }
      #subcnt #cntflw_2 .flx3.el .frame p a:hover {
        transform: scale(1.01); }
        #subcnt #cntflw_2 .flx3.el .frame p a:hover:before {
          width: 0%;
          opacity: 0;
          transition: 0.3s; }
        #subcnt #cntflw_2 .flx3.el .frame p a:hover:after {
          width: 50%;
          opacity: 1;
          transition: 0.3s; }
      #subcnt #cntflw_2 .flx3.el .frame p a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        border-top: 1px solid #888;
        opacity: 1;
        transition: 0.3s; }
      #subcnt #cntflw_2 .flx3.el .frame p a:after {
        content: '';
        position: absolute;
        top: calc(100% + 20px);
        left: 0;
        width: 0%;
        height: 1px;
        border-bottom: 1px solid #11adf0;
        opacity: 0;
        transition: 0.3s; }
  #subcnt #cntflw_2 .tx-blog-post-list .post {
    flex-grow: 1;
    flex: 0 0 90%; }
  #subcnt .cnt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 0 100%;
    margin: 50px auto !important;
    max-width: 90%; }
  #subcnt .cnt .frame {
    margin: 20px auto;
    overflow: hidden; }
  #subcnt .cnt .frame h2 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 100;
    font-size: 120%;
    text-transform: uppercase;
    margin: 20px auto 40px auto;
    text-align: center; }
  #subcnt .cnt .frame h2:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 20px;
    background: url("../../../fileadmin/images/icon/darkline.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0.5; }
  #subcnt .cnt .frame h3 {
    color: #095c80;
    font-size: 110%;
    margin: 50px auto 20px auto; }
  #subcnt .cnt .frame p {
    font-family: "Roboto", sans-serif;
    color: #888;
    margin: 3px auto; }
  #subcnt .cnt .loneflx {
    margin: 0px auto 20px auto;
    /*width: 100%;*/ }
  #subcnt .cnt .loneflx h4 {
    font-weight: 100;
    font-size: 80%; }
    #subcnt .cnt .loneflx h4 a {
      display: table;
      color: whitesmoke;
      text-decoration: none;
      margin: 10px auto 10px 0px; }
    #subcnt .cnt .loneflx h4 a:after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: -100%;
      width: 100%;
      height: 1px;
      opacity: 0;
      border-top: 1px solid #0f9ad6; }
    #subcnt .cnt .loneflx h4 a:hover {
      transform: scale(1.01);
      color: #0f9ad6;
      transition: 0.3s; }
      #subcnt .cnt .loneflx h4 a:hover:after {
        opacity: 1;
        transform: translateX(100%);
        transition: opacity 0s ease 0s, transform 0.1s ease 0.3s; }
  #subcnt .cnt .loneflx p {
    margin: 5px auto; }
    #subcnt .cnt .loneflx p a {
      display: inline;
      color: whitesmoke;
      text-decoration: none;
      margin: 10px auto 10px 0px;
      white-space: nowrap; }
    #subcnt .cnt .loneflx p a:hover {
      transform: scale(1.01);
      color: #0f9ad6;
      transition: 0.3s; }
  #subcnt .cnt .flx1.el {
    margin: 50px 2px 0px 2px;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    transition: 0.3s; }
  #subcnt .cnt .flx1.el:hover img {
    filter: blur(4px) grayscale(0.35) !important;
    transition: 1s ease 3s; }
  #subcnt .cnt .flx1.el .frame {
    margin: 0px; }
    #subcnt .cnt .flx1.el .frame header h2 {
      width: 90%;
      color: #11adf0;
      font-weight: 500;
      text-transform: lowercase;
      text-align: left;
      margin: 60px auto 20px auto; }
      #subcnt .cnt .flx1.el .frame header h2:after {
        top: 40px;
        filter: invert(1);
        transform: scale(0.5); }
    #subcnt .cnt .flx1.el .frame img {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      object-fit: cover;
      z-index: -3;
      filter: grayscale(0.35); }
    #subcnt .cnt .flx1.el .frame p {
      color: whitesmoke;
      font-size: 80%;
      margin: 5px auto;
      text-align: left;
      width: 90%; }
    #subcnt .cnt .flx1.el .frame p a {
      display: block;
      margin: 20px auto 20px auto;
      width: 100%;
      background: #095c80;
      color: whitesmoke;
      font-size: 90%;
      height: 80px;
      line-height: 80px;
      text-decoration: none;
      text-align: center;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      transition: 0.3s; }
      #subcnt .cnt .flx1.el .frame p a:hover {
        transform: translate(1.02);
        background: #031d29;
        transition: 0.3s; }
    #subcnt .cnt .flx1.el .frame p:last-child {
      margin-bottom: 60px !important; }
    #subcnt .cnt .flx1.el .frame:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(-125deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
      z-index: -1; }
    #subcnt .cnt .flx1.el .frame:after {
      opacity: 0;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('../../../fileadmin/images/effects/dot.png');
      background-repeat: repeat;
      z-index: -2; }
  #subcnt .cnt .flx5.el {
    min-width: 290px !important;
    border: 1px solid #888;
    overflow: hidden; }
  #subcnt .cnt .flx5.el:hover {
    cursor: pointer;
    background: #095c80;
    transition: 0.3s; }
    #subcnt .cnt .flx5.el:hover p {
      color: whitesmoke; }
  #subcnt .cnt .flx5.el .frame {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 80%;
    margin: 20px auto; }
    #subcnt .cnt .flx5.el .frame h3 {
      color: whitesmoke;
      text-align: center;
      font-size: 100%;
      font-weight: 700; }
    #subcnt .cnt .flx5.el .frame header {
      order: 2;
      flex: 1 0 100%;
      margin: 5px auto; }
    #subcnt .cnt .flx5.el .frame header h2 {
      color: whitesmoke;
      font-size: 100%;
      margin: 5px auto; }
      #subcnt .cnt .flx5.el .frame header h2:after {
        display: none; }
    #subcnt .cnt .flx5.el .frame img {
      margin: 10px auto;
      order: 1;
      filter: invert(1);
      opacity: 0.75;
      width: 30px;
      height: auto; }
    #subcnt .cnt .flx5.el .frame p {
      order: 3;
      font-size: 80%;
      margin: 10px auto; }
    #subcnt .cnt .flx5.el .frame p a {
      display: none !important; }
  #subcnt .cnt .flx5.el:first-child {
    border: 1px solid transparent;
    backdrop-filter: blur(1px) saturate(50%);
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #subcnt .cnt .flx5.el:first-child:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #031d29;
      opacity: 0.1;
      transition: 0.3s;
      -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
    #subcnt .cnt .flx5.el:first-child:hover {
      transform: scale(0.95);
      background: transparent; }
    #subcnt .cnt .flx5.el:first-child:hover p {
      color: #888; }
    #subcnt .cnt .flx5.el:first-child:hover:after {
      opacity: 0.5;
      transition: 0.3s; }
    #subcnt .cnt .flx5.el:first-child #vidbx {
      display: none; }
  #subcnt .cnt .flx5.el:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  #subcnt .cnt .flx5.el #vidbx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: blur(15px) grayscale(0.8);
    opacity: 0.1; }
    #subcnt .cnt .flx5.el #vidbx video {
      display: none;
      width: auto;
      height: 100%; }

.content.sub {
  margin-top: 50px;
  width: 100vw; }

#sub_maincnt {
  width: 100vw;
  height: 60vh; }
  #sub_maincnt .frame {
    /*background: rgba(0,0,0,0.3);
     -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.75);
     box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.75);*/
    width: 100%;
    height: 100%;
    /*background:rgba(231,112,97,0.5)*/ }
  #sub_maincnt .frame header {
    position: absolute;
    top: calc(50% + 60px);
    left: 10%;
    width: 80%;
    z-index: 2; }
  #sub_maincnt .frame header h2 {
    color: whitesmoke;
    text-align: center;
    font-size: 140%;
    text-transform: uppercase;
    text-shadow: black 1px 1px;
    font-weight: 300; }
  #sub_maincnt .frame header h3 {
    color: #0f9ad6;
    text-align: center;
    font-size: 100%;
    margin: 6px auto;
    font-weight: 100; }
  #sub_maincnt .frame img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: auto;
    filter: invert(1);
    padding: 20px;
    opacity: 0.7;
    border-top: 1px solid #888;
    /*border:1px solid #222;*/
    border-bottom: 1px solid #888;
    z-index: 1; }
  #sub_maincnt .frame img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    z-index: 1;
    z-index: -1;
    transition: 0s !important; }
  #sub_maincnt .frame:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    mix-blend-mode: overlay;
    /*border:1px solid whitesmoke;*/
    filter: invert(1);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3)); }
  #sub_maincnt .frame:after {
    content: attr(data-content) 'remarkable';
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    left: 150%;
    transform: rotate(45deg);
    pointer-events: none;
    background: rgba(19, 167, 243, 0.5);
    border: 1px solid white;
    mix-blend-mode: color;
    filter: blur(10px); }
  #sub_maincnt #introvid {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(6px) invert(0);
    opacity: 0.35;
    mask: linear-gradient(to bottom, black 40%, transparent 70%);
    -webkit-mask: linear-gradient(to bottom, black 40%, transparent 70%); }

#subcnt.sub {
  margin: 0 !important;
  padding: 20px 0;
  background: #031d29; }
  #subcnt.sub .cnt .frame {
    width: 80%; }
  #subcnt.sub .cnt .frame p {
    font-size: 80%; }
  #subcnt.sub .cnt .flx1.el:hover img {
    filter: blur(10px) saturate(50%);
    transition: 1s ease 3s; }
  #subcnt.sub .cnt .flx1.el .frame {
    width: 100%;
    height: 100%; }
    #subcnt.sub .cnt .flx1.el .frame img {
      filter: blur(3px) saturate(35%);
      transition: filter 0.3s ease 0.3s; }
  #subcnt.sub .cnt .flx2.el .frame img {
    width: 100%;
    height: auto; }

.content.simple {
  max-width: 1024px; }
  .content.simple .loneflx {
    font-size: 80%; }
  .content.simple .loneflx h2 {
    color: whitesmoke; }
  .content.simple .loneflx p a {
    color: #0f9ad6;
    text-decoration: none; }
    .content.simple .loneflx p a:hover {
      color: white; }
  .content.simple:before {
    display: none; }

.content.se, .content.simple {
  margin: 0px auto 0px auto !important;
  padding: 80px 0px !important; }
  .content.se #cntflw_se, .content.simple #cntflw_se {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin: 100px auto 50px auto; }
  .content.se #cntflw_se .frame header h2, .content.simple #cntflw_se .frame header h2 {
    margin: 20px auto;
    text-align: center; }
    .content.se #cntflw_se .frame h3, .content.simple #cntflw_se .frame h3 {
      color: #0f9ad6;
      font-weight: 500;
      font-size: 110%; }
  .content.se #cntflw_se .frame h4, .content.simple #cntflw_se .frame h4 {
    color: #11adf0;
    font-size: 90%;
    font-weight: 300; }
  .content.se #cntflw_se .frame p, .content.simple #cntflw_se .frame p {
    font-size: 80%; }
  .content.se #cntflw_se .frame a, .content.simple #cntflw_se .frame a {
    color: white;
    font-weight: 500;
    text-decoration: none; }
    .content.se #cntflw_se .frame a:hover, .content.simple #cntflw_se .frame a:hover {
      color: #11adf0; }
  .content.se #cntflw_se .flx2 .frame, .content.simple #cntflw_se .flx2 .frame {
    margin: 10px auto !important; }
    .content.se #cntflw_se .flx2 .frame p, .content.simple #cntflw_se .flx2 .frame p {
      max-width: 180px;
      margin: 0px auto; }
  .content.se:before, .content.simple:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../../fileadmin/images/backuse.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(20px);
    opacity: 0.25; }
  .content.se:after, .content.simple:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*animation: bluranim 23s infinite;*/
    z-index: -1;
    transform: translateZ(0);
    will-change: opacity; }
  .content.se .frame, .content.simple .frame {
    width: 90%;
    margin: 5px auto; }
  .content.se .frame .switchbutton, .content.simple .frame .switchbutton {
    width: 100%;
    max-width: 320px;
    height: 30px;
    margin: 3px auto;
    display: flex;
    flex-direction: row;
    outline: 1px solid whitesmoke; }
  .content.se .frame .switchbutton:after, .content.simple .frame .switchbutton:after {
    content: '';
    position: absolute;
    height: calc(100% - 10px);
    width: 45%;
    left: 5%;
    top: 5px;
    opacity: 1;
    background: linear-gradient(125deg, white, #f7f9ef);
    z-index: -1;
    transition: 0.3s ease-in 0.5s; }
  .content.se .frame .switchbutton.tggld:after, .content.simple .frame .switchbutton.tggld:after {
    left: 50%;
    transition: 0.3s ease-in 0.5s; }
  .content.se .frame .switchbutton .btn, .content.simple .frame .switchbutton .btn {
    flex: 0 0 50%;
    color: whitesmoke;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 80%;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    transition-delay: 0.5; }
  .content.se .frame header, .content.simple .frame header {
    margin: 20px auto; }
  .content.se .frame header h2, .content.simple .frame header h2 {
    margin: 50px auto;
    color: whitesmoke;
    text-transform: uppercase;
    font-size: 120%;
    font-weight: 100;
    text-align: center; }
  .content.se .frame header h2:after, .content.simple .frame header h2:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 20px;
    background: url("../../../fileadmin/images/icon/darkline.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0.75;
    filter: invert(1); }
  .content.se .frame header h3, .content.simple .frame header h3 {
    color: #11adf0; }
  .content.se .frame p, .content.simple .frame p {
    margin: 10px auto;
    color: #aaa; }

.iconbox {
  background: #031d29;
  overflow: auto;
  overflow-x: hidden;
  margin: 5px auto;
  -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  .iconbox .frame {
    width: 90%;
    margin: 5px auto; }
  .iconbox .frame h3 {
    font-family: "Roboto", sans-serif !important;
    color: #0f9ad6 !important;
    text-align: center;
    margin: 5px auto 10px auto !important; }
  .iconbox .frame p {
    color: #bbb !important; }
  .iconbox .frame img {
    display: block;
    width: 50px;
    height: auto;
    margin: 3px auto 6px auto;
    filter: invert(1); }

.flx1 {
  flex-grow: 1;
  flex-basis: calc(100% - 4px);
  margin: 2px; }

.flx2 {
  flex-grow: 0;
  flex-basis: calc(100% - 4px);
  margin: 2px; }

.flx3 {
  flex-grow: 0;
  flex-basis: calc(33% - 4px);
  margin: 2px; }

.flx4 {
  flex-grow: 0;
  flex-basis: calc(25% - 4px);
  margin: 2px; }

.flx5 {
  flex-grow: 0;
  flex-basis: calc(100% - 4px);
  margin: 2px; }

.flx13 {
  flex-grow: 0;
  flex-basis: calc(33.333% - 4px);
  margin: 2px; }

.flx23 {
  flex-grow: 0;
  flex-basis: calc(66.666% - 4px);
  margin: 2px; }

.blur {
  /*background:black;
   background-blend-mode: multiply;*/
  opacity: 0.35;
  transform: scale(0.98);
  pointer-events: none;
  transition: 3.5s;
  transition-delay: 1.5s; }

.empty {
  display: none !important; }

.yt_link {
  max-width: 100%; }
  .yt_link header {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2; }
  .yt_link header h2 {
    font-size: 100%;
    text-transform: none;
    text-shadow: 1px 1px black;
    margin: 0 !important;
    text-transform: none !important; }
  .yt_link header h2 a {
    text-decoration: none;
    color: whitesmoke; }
  .yt_link header h2:after {
    display: none; }
  .yt_link img {
    width: 100%;
    height: auto; }
  .yt_link:after {
    content: '';
    background: url("../../../fileadmin/images/icon/adecc_scholar_yt.png");
    background-size: 100%;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 3;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  .yt_link:before {
    content: '';
    background: url("../../../fileadmin/images/icon/yt_play.png");
    background-size: 80px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.blogcontent {
  margin-top: 50px;
  width: 100vw;
  height: auto;
  overflow: auto;
  transition: 0.2s; }
  .blogcontent #blogheader {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 40vh;
    max-height: 400px;
    z-index: 1; }
  .blogcontent #blogheader .frame header {
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 3; }
    .blogcontent #blogheader .frame header h2 {
      color: white;
      text-shadow: 2px 2px black;
      padding-left: 10px; }
    .blogcontent #blogheader .frame header h3 {
      color: #095c80;
      padding: 5px 25px;
      text-shadow: 2px 2px black; }
    .blogcontent #blogheader .frame header .blogdate {
      background: rgba(3, 29, 41, 0.8);
      position: fixed;
      color: whitesmoke;
      top: 50px;
      height: 25px;
      line-height: 25px;
      width: 100%;
      text-align: right;
      padding-right: 10px;
      margin-left: -10px;
      transition: 0.3s; }
    .blogcontent #blogheader .frame header .blogdate.hide {
      opacity: 0;
      pointer-events: none;
      transition: 0.3s; }
  .blogcontent #blogheader .frame img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
  .blogcontent #blogheader .frame:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    z-index: 1; }
  .blogcontent #subcnt {
    background: #031d29;
    margin-top: 0 !important;
    -webkit-box-shadow: 0px -10px 37px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -10px 37px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -10px 37px -17px rgba(0, 0, 0, 0.75);
    z-index: 2; }
  .blogcontent #subcnt:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1; }
  .blogcontent #subcnt h2 {
    color: #11adf0 !important;
    text-align: left !important;
    font-weight: 400 !important;
    margin: 20px auto !important; }
  .blogcontent #subcnt h2:after {
    display: none;
    position: relative; }
  .blogcontent #subcnt p {
    color: #ababab; }
  .blogcontent #subcnt a {
    text-decoration: none;
    color: #11adf0; }
  .blogcontent #subcnt img {
    max-width: 100%;
    height: auto; }
  .blogcontent #subcnt pre {
    border-radius: 1px;
    border: 1px solid #11adf0;
    background: #031d29; }
  .blogcontent #subcnt pre code {
    display: block;
    max-width: 90%;
    padding: 10px;
    box-sizing: border-box;
    overflow-x: auto; }
    .blogcontent #subcnt pre code * {
      font-family: "Source Code Pro", monospace !important;
      font-size: 85%; }
  .blogcontent #subcnt code[class*='language-'], .blogcontent #subcnt pre[class*='language-'] {
    font-family: "Source Code Pro", monospace !important;
    font-size: 100%; }
  .blogcontent #subcnt form[name="comment"] {
    width: 100%; }
  .blogcontent #subcnt form[name="comment"] label {
    display: block;
    width: 100%;
    color: #095c80;
    text-align: left;
    margin: 5px auto 1px auto; }
  .blogcontent #subcnt form[name="comment"] input {
    background: transparent;
    border: 1px solid #031d29;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    margin: 1px auto;
    color: #11adf0;
    padding-left: 5px; }
  .blogcontent #subcnt form[name="comment"] textarea {
    width: 100%;
    box-sizing: border-box;
    height: 180px;
    padding: 5px;
    resize: none;
    background: transparent;
    border: 1px solid #031d29;
    margin: 1px auto;
    color: #11adf0; }
  .blogcontent #subcnt form[name="comment"] input:focus, .blogcontent #subcnt form[name="comment"] textarea:focus {
    outline: none;
    border: 1px solid #0f9ad6; }
  .blogcontent #subcnt form[name="comment"] .btn {
    border: none;
    background: #095c80;
    color: whitesmoke; }
  .blogcontent #subcnt form[name="comment"] p {
    font-size: 80%;
    color: #084755; }
  .blogcontent #subcnt .comments .comment {
    background: #084755;
    padding: 20px 10px;
    margin: 3px auto;
    -webkit-box-shadow: inset 5px 5px 25px -15px rgba(0, 0, 0, 1);
    -moz-box-shadow: inset 5px 5px 25px -15px rgba(0, 0, 0, 1);
    box-shadow: inset 5px 5px 25px -15px rgba(0, 0, 0, 1);
    border: 1px solid #046b62; }
    .blogcontent #subcnt .comments .comment .comment-avatar {
      display: none; }
    .blogcontent #subcnt .comments .comment cite {
      color: whitesmoke;
      font-weight: 400; }
    .blogcontent #subcnt .comments .comment p {
      font-size: 90%;
      color: #ababab; }

.blogcontent.blur {
  opacity: 0.8;
  filter: blur(15px);
  transition: 0.8s; }

body.id36 #sidemenu {
  display: none !important; }
  body.id36 #c1149 .sidebarheadline, body.id36 #c1150 .sidebarheadline {
    display: none; }
  body.id36 #c1149 aside, body.id36 #c1150 aside {
    display: none; }
  body.id36 #c1149 aside:last-child, body.id36 #c1150 aside:last-child {
    display: block; }
    body.id36 #c1149 aside:last-child h3, body.id36 #c1150 aside:last-child h3 {
      display: none; }
    body.id36 #c1149 aside:last-child .feeds, body.id36 #c1150 aside:last-child .feeds {
      list-style: none; }
    body.id36 #c1149 aside:last-child .feeds li, body.id36 #c1150 aside:last-child .feeds li {
      text-align: right;
      margin-right: 10px; }
      body.id36 #c1149 aside:last-child .feeds li a, body.id36 #c1150 aside:last-child .feeds li a {
        position: relative;
        font-size: 90%;
        text-decoration: none;
        color: #db7c0f; }
        body.id36 #c1149 aside:last-child .feeds li a:after, body.id36 #c1150 aside:last-child .feeds li a:after {
          content: '';
          position: absolute;
          top: -5px;
          left: -22px;
          height: 20px;
          width: 20px;
          background: url('../../../fileadmin/images/icon/rss.png');
          background-size: 90%;
          background-position: center;
          background-repeat: no-repeat;
          filter: invert(1); }

.tx-blog-post-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .tx-blog-post-list:after {
    content: "";
    flex: 2 0 auto;
    height: 0;
    margin: 0; }
  .tx-blog-post-list .post {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 0 100%;
    max-width: 480px;
    position: relative;
    justify-items: flex-end;
    min-height: 25vh;
    background: black;
    overflow: hidden;
    margin: 5px 3px;
    padding: 20px 0;
    -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.75);
    transition: 0.3s;
    transition: opacity 0s ease 0s;
    overflow: hidden; }
  .tx-blog-post-list .post h2, .tx-blog-post-list .post .entry-meta, .tx-blog-post-list .post p {
    /*&:nth-child(3n+1):nth-last-child(-n+3),
     &:nth-child(3n+1):nth-last-child(-n+3) ~ .post {
     flex-grow:0 !important;
     outline: 2px solid pink;
     }*/
    flex: 1 0 100%;
    z-index: 3; }
  .tx-blog-post-list .post h2 {
    display: flex;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.8);
    height: auto !important;
    font-size: 100%;
    /*line-height:30px;*/
    font-weight: 700 !important;
    text-align: left !important;
    order: 1;
    margin: 0 !important;
    pointer-events: none; }
  .tx-blog-post-list .post h2 a {
    display: block;
    position: relative !important;
    text-decoration: none;
    color: #0f9ad6;
    font-size: 80%;
    padding-left: 10px;
    height: auto;
    margin-bottom: 3px; }
  .tx-blog-post-list .post h2:before {
    content: '';
    position: absolute !important;
    height: 1px !important;
    width: calc(100% - 20px) !important;
    bottom: 0 !important;
    left: 10px;
    background: white !important;
    opacity: 0.5 !important; }
  .tx-blog-post-list .post p {
    background: rgba(0, 0, 0, 0.8);
    line-height: normal;
    color: whitesmoke !important;
    font-size: 80%;
    font-weight: 100;
    padding-left: 10px;
    margin: 0 !important;
    pointer-events: none;
    order: 2; }
  .tx-blog-post-list .post .entry-meta {
    order: 3;
    pointer-events: none; }
  .tx-blog-post-list .post .entry-meta .entry-date {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-right: 0px;
    text-align: right;
    background: linear-gradient(90deg, transparent, transparent, rgba(0, 0, 0, 0.8)); }
    .tx-blog-post-list .post .entry-meta .entry-date a {
      display: block;
      text-decoration: none;
      color: #0f9ad6;
      width: auto;
      padding-right: 5px; }
  .tx-blog-post-list .post .entry-meta a {
    position: relative;
    width: auto;
    height: auto; }
    .tx-blog-post-list .post .entry-meta a.label-category {
      display: none; }
  .tx-blog-post-list .post .entry-meta .comments-link {
    display: none; }
  .tx-blog-post-list .post .entry-meta .sep {
    display: none; }
  .tx-blog-post-list .post .entry-meta span[itemprop="keywords"] {
    width: 100%;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 5px; }
    .tx-blog-post-list .post .entry-meta span[itemprop="keywords"] a {
      text-decoration: none;
      margin: 3px;
      pointer-events: all; }
    .tx-blog-post-list .post .entry-meta span[itemprop="keywords"] span {
      width: auto;
      background: rgba(0, 0, 0, 0.8);
      border: 1px solid #aaa;
      color: whitesmoke;
      -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      font-size: 80%;
      padding: 3px 10px; }
  .tx-blog-post-list .post a {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    /*max-width:100%;
     height:auto;
     @include center;*/ }
  .tx-blog-post-list .post a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(0.8); }
  .tx-blog-post-list .post:hover {
    transform: scale(1.01);
    outline: 1px solid #aaa;
    transition: 0.3s; }
  .tx-blog-post-list .post:hover img {
    filter: blur(3px) grayscale(0.5); }
  .tx-blog-post-list ul {
    list-style: none; }
  .tx-blog-post-list ul li:not(.post) {
    color: whitesmoke;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.8);
    margin: 10px; }
  .tx-blog-post-list ul li:not(.post) a {
    display: block; }
  .tx-blog-post-list.listview {
    background: rgba(0, 0, 0, 0.25); }
  .tx-blog-post-list.listview .post {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    flex: 1 0 100% !important;
    max-width: 100%;
    background: transparent;
    padding-left: 30%;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    transition: opacity 0s ease 0s; }
  .tx-blog-post-list.listview .post:after {
    content: '';
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 1px;
    opacity: 0.5;
    background: #aaa; }
  .tx-blog-post-list.listview .post:last-child:after {
    display: none; }
  .tx-blog-post-list.listview .post h2 {
    flex: auto;
    font-size: 140%;
    background: transparent; }
    .tx-blog-post-list.listview .post h2 a {
      height: auto; }
  .tx-blog-post-list.listview .post .entry-meta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .tx-blog-post-list.listview .post .entry-meta .entry-date {
      position: absolute;
      top: 5px;
      right: 13px;
      width: auto;
      background: transparent; }
    .tx-blog-post-list.listview .post .entry-meta .entry-date a time {
      color: #aaa;
      padding: 5px 10px;
      border: 1px solid #444; }
    .tx-blog-post-list.listview .post .entry-meta span[itemprop="keywords"] {
      display: flex;
      flex-direction: column;
      align-content: flex-start;
      justify-content: center;
      position: absolute;
      left: 5px;
      top: 0;
      width: 30%;
      height: auto;
      min-height: 100%; }
    .tx-blog-post-list.listview .post .entry-meta span[itemprop="keywords"] a {
      position: relative;
      flex: 0 0 1%;
      width: auto;
      height: 20px;
      margin: 5px 3px; }
  .tx-blog-post-list.listview .post p {
    flex: auto;
    background: transparent;
    margin: 5px 0px; }
  .tx-blog-post-list.listview .post a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    order: 1; }
    .tx-blog-post-list.listview .post a img {
      height: 100%;
      width: auto;
      max-width: 30%;
      object-fit: cover; }
  .tx-blog-post-list.listview .post:hover {
    outline: none; }
    .tx-blog-post-list.listview .post:hover img {
      transform: scale(0.92);
      transform: 0.3s; }
    .tx-blog-post-list.listview .post:hover span[itemprop="keywords"] a:nth-child(odd) {
      transform: translateX(20px);
      transition: 0.3s; }
      .tx-blog-post-list.listview .post:hover span[itemprop="keywords"] a:nth-child(even) {
        transform: translateX(10px);
        transition: 0.3s; }

.viewswitch {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 5px auto; }
  .viewswitch .listview {
    width: 30px;
    height: 30px;
    background: url("../../../../fileadmin/images/icon/baseline_view_list_black_18dp.png");
    background-size: 80%;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: center;
    opacity: 0.75;
    border: 1px solid #444;
    filter: invert(1); }
  .viewswitch .listview.active:after {
    transform: translateY(0);
    transition: transform 0.3s;
    opacity: 1; }
  .viewswitch .listview.active:hover {
    pointer-events: none; }
  .viewswitch .listview:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: -7px;
    background: grey;
    z-index: 1; }
  .viewswitch .listview:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    transform: translateY(-100%);
    left: -7px;
    background: #095c80;
    filter: invert(1);
    z-index: 2;
    transition: transform 0.3s;
    opacity: 0; }
  .viewswitch .listview:hover {
    cursor: pointer;
    transform: scale(1.1);
    opacity: 0.85; }
  .viewswitch .listview:hover:after {
    transform: translateX(1.5px);
    transition: 0.2s; }
  .viewswitch .listview:hover:before {
    transform: translateX(1.5px);
    transition: 0.2s; }
  .viewswitch .tileview {
    width: 30px;
    height: 30px;
    background: url("../../../../fileadmin/images/icon/baseline_view_module_black_18dp.png");
    background-size: 80%;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: center;
    opacity: 0.75;
    border: 1px solid #444;
    filter: invert(1); }
  .viewswitch .tileview.active:after {
    transform: translateY(0);
    transition: transform 0.3s;
    opacity: 1; }
  .viewswitch .tileview.active:hover {
    pointer-events: none; }
  .viewswitch .tileview:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: -7px;
    background: grey;
    z-index: 1; }
  .viewswitch .tileview:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    transform: translateY(-100%);
    left: -7px;
    background: #095c80;
    filter: invert(1);
    opacity: 0;
    z-index: 2;
    transition: transform 0.3s; }
  .viewswitch .tileview:hover {
    cursor: pointer;
    transform: scale(1.1);
    opacity: 0.85; }
  .viewswitch .tileview:hover:after {
    transform: translateX(1.5px);
    transition: 0.2s; }
  .viewswitch .tileview:hover:before {
    transform: translateX(1.5px);
    transition: 0.2s; }

.news {
  width: 100%; }
  .news .news-list-view {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .news .news-list-view .news-list-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 0 100%;
    margin: 5px auto;
    padding: 10px;
    box-sizing: border-box;
    backdrop-filter: saturate(80%) blur(5px);
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    transition: 0.3s; }
  @media only screen and (min-width: 1024px) {
      .news .news-list-view .news-list-item {
        border-bottom: 1px solid #666; }
        .news .news-list-view .news-list-item:last-child {
          border: none; } }
  .news .news-list-view .news-list-item:hover {
    transform: scale(1.01);
    transition: 0.3s; }
    .news .news-list-view .news-list-item:hover .col-md-3 a img {
      filter: blur(1px) grayscale(0.6);
      transition: 0.3s; }
  .news .news-list-view .news-list-item .col-md-3 {
    position: relative;
    flex: 1 0 100%;
    overflow: hidden; }
    @media only screen and (min-width: 1024px) {
      .news .news-list-view .news-list-item .col-md-3 {
        flex: 1 0 33%; } }
    .news .news-list-view .news-list-item .col-md-3 a {
      display: flex;
      flex-direction: row;
      width: 100%;
      height: 100%;
      align-items: center; }
    .news .news-list-view .news-list-item .col-md-3 a img {
      width: 100%;
      height: auto;
      filter: blur(1px) grayscale(0.6);
      transition: 0.3s; }
      @media only screen and (min-width: 1024px) {
        .news .news-list-view .news-list-item .col-md-3 a img {
          filter: blur(3px) grayscale(1); } }
  .news .news-list-view .news-list-item .col-md-9 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    flex: 1 0 100%; }
    @media only screen and (min-width: 1024px) {
      .news .news-list-view .news-list-item .col-md-9 {
        flex: 1 0 50%;
        margin: 5px 20px; } }
    .news .news-list-view .news-list-item .col-md-9 h3 {
      width: 100%;
      font-size: 100%;
      font-weight: 500;
      margin: 10px 0px;
      text-align: left; }
    @media only screen and (min-width: 1024px) {
        .news .news-list-view .news-list-item .col-md-9 h3 {
          width: auto;
          margin: 5px 0px; } }
    .news .news-list-view .news-list-item .col-md-9 h3 a {
      display: block;
      width: 100%;
      color: whitesmoke;
      text-decoration: none;
      background: transparent; }
      @media only screen and (min-width: 720px) {
        .news .news-list-view .news-list-item .col-md-9 h3 a {
          text-align: left; } }
    .news .news-list-view .news-list-item .col-md-9 .extra {
      margin: 3px 3px;
      color: whitesmoke;
      font-size: 75%; }
    @media only screen and (min-width: 1280px) {
        .news .news-list-view .news-list-item .col-md-9 .extra {
          margin: 20px 0px 10px 0px; } }
    .news .news-list-view .news-list-item .col-md-9 .extra time {
      background: rgba(0, 0, 0, 0.75);
      color: whitesmoke;
      padding: 5px;
      font-size: 100%;
      box-sizing: border-box;
      margin: 0px 3px; }
      @media only screen and (min-width: 1024px) {
        .news .news-list-view .news-list-item .col-md-9 .extra time {
          background: rgba(0, 0, 0, 0.35);
          padding: 10px; } }
    .news .news-list-view .news-list-item .col-md-9 .extra .glyphicon {
      display: none; }
    .news .news-list-view .news-list-item .col-md-9 .extra span.label {
      background: rgba(0, 0, 0, 0.75);
      color: whitesmoke;
      padding: 5px;
      font-size: 100%;
      box-sizing: border-box;
      margin: 0px 3px; }
      @media only screen and (min-width: 1024px) {
        .news .news-list-view .news-list-item .col-md-9 .extra span.label {
          background: rgba(0, 0, 0, 0.35);
          padding: 10px; } }
    .news .news-list-view .news-list-item .col-md-9 .lead {
      margin: 3px auto; }
    .news .news-list-view .news-list-item .col-md-9 .lead p {
      color: #aaa;
      font-size: 80%; }
    .news .news-list-view .news-list-item .col-md-9 a {
      font-size: 80%;
      text-decoration: none;
      color: whitesmoke;
      background: rgba(0, 0, 0, 0.75);
      padding: 10px;
      box-sizing: border-box;
      max-width: 300px;
      transition: 0.3s;
      text-align: center;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    @media only screen and (min-width: 1024px) {
        .news .news-list-view .news-list-item .col-md-9 a {
          background: rgba(0, 0, 0, 0.35); } }
    .news .news-list-view .news-list-item .col-md-9 a:hover {
      transform: scale(1.01);
      transition: 0.3s;
      color: #0f9ad6; }

.news-single .article h1 {
  color: whitesmoke;
  font-size: 120%;
  font-weight: 700; }
  .news-single .article .extra {
    margin: 15px 0px; }
  @media only screen and (min-width: 1280px) {
      .news-single .article .extra {
        margin: 20px 0px 10px 0px; } }
  .news-single .article .extra time {
    background: rgba(0, 0, 0, 0.75);
    color: whitesmoke;
    padding: 5px;
    font-size: 80%;
    box-sizing: border-box;
    margin: 0px 3px; }
    @media only screen and (min-width: 1024px) {
      .news-single .article .extra time {
        background: rgba(0, 0, 0, 0.35);
        padding: 10px; } }
  .news-single .article .extra .glyphicon {
    display: none; }
  .news-single .article .extra span.label {
    background: rgba(0, 0, 0, 0.75);
    color: whitesmoke;
    padding: 5px;
    font-size: 80%;
    box-sizing: border-box;
    margin: 0px 3px; }
    @media only screen and (min-width: 1024px) {
      .news-single .article .extra span.label {
        background: rgba(0, 0, 0, 0.35);
        padding: 10px; } }
  .news-single .article .row {
    display: flex;
    flex-direction: column; }
  .news-single .article .row .col-md-8 {
    order: 2; }
    .news-single .article .row .col-md-8 .lead {
      display: none; }
    .news-single .article .row .col-md-8 .news-text-wrap p a {
      color: #0f9ad6;
      text-decoration: none; }
      .news-single .article .row .col-md-8 .news-text-wrap p a:hover {
        color: whitesmoke; }
  .news-single .article .row .col-md-4 {
    order: 1; }
    .news-single .article .row .col-md-4 .thumbnail img {
      max-width: 500px;
      width: 100%;
      margin: 10px 0px;
      height: auto; }

#backvid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1; }
  #backvid video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    opacity: 0.1 !important;
    filter: blur(5px) saturate(30%); }

#seminar_top {
  position: relative;
  width: 100%;
  margin: 0px auto;
  height: 60vh; }
  #seminar_top .innerwrap {
    width: 100%;
    height: 100%; }
  #seminar_top .innerwrap #mainimg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1; }
  #seminar_top .innerwrap #mainimg .frame-type-image {
    width: 100%;
    height: 100%;
    z-index: 1;
    mask: linear-gradient(to bottom, black 40%, transparent 100%);
    -webkit-mask: linear-gradient(to bottom, black 40%, transparent 100%); }
    #seminar_top .innerwrap #mainimg .frame-type-image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      opacity: 0.5;
      filter: blur(1px); }
  #seminar_top .innerwrap #mainimg .textwrap {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
    z-index: 2;
    /*background:radial-gradient(ellipse at center, black, $blackopac, transparent); */ }
    #seminar_top .innerwrap #mainimg .textwrap:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(ellipse at center, black, rgba(0, 0, 0, 0.8), transparent);
      opacity: 0.85;
      filter: blur(20px);
      z-index: -1; }
    #seminar_top .innerwrap #mainimg .textwrap #title {
      margin: 10px auto; }
    #seminar_top .innerwrap #mainimg .textwrap #title h2 {
      font-size: 110%;
      text-shadow: 1px 1px black;
      color: #0f9ad6;
      font-weight: 600;
      text-shadow: black 1px 1px; }
    #seminar_top .innerwrap #mainimg .textwrap #abstract p {
      font-size: 80%;
      color: whitesmoke; }
  #seminar_top .innerwrap #mainimg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01));
    z-index: 1; }
  #seminar_top #introvid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 60vh;
    z-index: -2;
    filter: blur(5px) saturate(50%) hue-rotate(-35deg);
    opacity: 0.5;
    mask: linear-gradient(to bottom, black 40%, transparent 70%);
    -webkit-mask: linear-gradient(to bottom, black 40%, transparent 70%); }
  #seminar_top #introvid video {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%; }

#seminar_body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 50px 0px; }
  #seminar_body #mainbx_se {
    /*background:$fourth;*/
    flex: 1 0 100%; }

#icon {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 10px;
  top: -40px;
  background: linear-gradient(125deg, white, #f7f9ef); }
  #icon .frame-type-image {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #icon .frame-type-image img {
    width: 100%;
    height: 100%; }

#tagbox {
  position: absolute;
  top: -40px;
  left: 100px;
  width: calc(100% - 130px);
  max-width: 260px;
  height: auto; }
  #tagbox .innerwrap {
    width: 100%;
    height: 100%; }
  #tagbox .innerwrap #tags {
    position: relative;
    margin: 0px; }
  #tagbox .innerwrap #tags .frame {
    width: 100%;
    height: 100%; }
    #tagbox .innerwrap #tags .frame ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      list-style: none; }
    #tagbox .innerwrap #tags .frame ul li {
      padding: 5px;
      background: #084755;
      color: whitesmoke;
      font-size: 65%;
      font-weight: 100;
      margin: 2px;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #tagbox .innerwrap #categories {
    position: relative;
    margin: 0px; }
  #tagbox .innerwrap #categories .frame {
    width: 100%;
    height: 100%; }
    #tagbox .innerwrap #categories .frame ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      list-style: none; }
    #tagbox .innerwrap #categories .frame ul li {
      padding: 5px;
      background: black;
      color: whitesmoke;
      font-size: 65%;
      font-weight: 100;
      margin: 2px;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }

#maintitle {
  flex: 1 0 100%;
  margin: 30px 10px 10px 10px; }
  #maintitle h2 {
    color: whitesmoke;
    font-size: 120%;
    text-shadow: 1px 1px black; }

.content.seminar {
  /*background:$fourth;*/ }

#seminar1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  #seminar1 .cnt {
    width: 90%;
    margin: 2px auto; }
  #seminar1 .cnt header h2 {
    color: whitesmoke;
    font-size: 100%;
    font-weight: 400; }
  #seminar1 .cnt h3 {
    font-size: 90%;
    color: #ccc; }
  #seminar1 .cnt .frame {
    margin: 10px auto; }
  #seminar1 .cnt .frame p {
    color: #aaa;
    font-size: 80%; }
  #seminar1 .cnt .frame ul {
    color: #aaa;
    margin: 10px 0px 10px 20px; }
    #seminar1 .cnt .frame ul li {
      color: #aaa; }
  #seminar1 .stffcnt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5px auto; }
  #seminar1 .stffcnt .frame {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 0 48%;
    background: rgba(0, 0, 0, 0.5);
    height: 40px;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #seminar1 .stffcnt .frame img {
    filter: invert(1);
    height: 20px;
    width: auto;
    margin: 10px; }
  #seminar1 .stffcnt .frame p {
    line-height: 40px;
    color: whitesmoke;
    font-size: 80%; }
  #seminar1 .asc.lead {
    display: block;
    order: 1;
    margin: 3px auto; }
  #seminar1 .asc.lead ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 10px auto; }
  #seminar1 .asc.lead ul .leader {
    width: 100%;
    height: auto;
    overflow: auto;
    overflow: x-hidden;
    background: linear-gradient(125deg, white, #f7f9ef);
    border: 1px solid #92c3d9;
    margin: 3px auto;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #seminar1 .asc.lead ul .leader .innerwrap {
      padding: 20px; }
    #seminar1 .asc {
      order: 2; }

#seminar2 .cnt {
  width: 90%;
  margin: 2px auto; }
  #seminar2 .cnt .frame {
    width: 100%; }
  #seminar2 .cnt .frame header {
    margin: 10px auto; }
    #seminar2 .cnt .frame header h3 {
      color: whitesmoke;
      font-size: 100%;
      font-weight: 600; }
  #seminar2 .cnt .frame ol {
    width: 100%;
    margin: 5px auto;
    list-style: lower-roman;
    list-style-position: inside; }
    #seminar2 .cnt .frame ol li {
      font-size: 80%;
      background: rgba(0, 0, 0, 0.3);
      margin: 3px;
      padding: 5px;
      -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      color: #aaa;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #seminar2 .cnt .frame ol li ul {
      list-style-type: disc;
      list-style-position: inside; }
      #seminar2 .cnt .frame ol li ul li {
        color: #039196;
        font-size: 90%;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      #seminar2 .cnt .frame ol li ul li ul {
        list-style-type: circle; }
        #seminar2 .cnt .frame ol li ul li ul li {
          color: #92c3d9;
          font-size: 95%; }
          #seminar2 .cnt .frame ol li ul li ul li ul {
            list-style-type: square; }
            #seminar2 .cnt .frame ol li ul li ul li ul li {
              color: #095c80;
              font-size: 95%; }

#sidemenu.se_sub {
  background: #031d29;
  height: 100px; }
  #sidemenu.se_sub .icon {
    background-image: url('http://lvps91-250-112-78.dedicated.hosteurope.de/hosting/typotest/fileadmin/images/icon/nextdate.png'); }
  #sidemenu.se_sub .innerwrap.frstlvl {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    width: calc(100% + 50px);
    padding-right: 50px;
    height: 100% !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start; }
  #sidemenu.se_sub .innerwrap.frstlvl #datemenu {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 90%;
    margin: 10px auto;
    height: auto;
    padding: 30px 0px;
    box-sizing: border-box;
    order: 1; }
  #sidemenu.se_sub .innerwrap.frstlvl #datemenu h3 {
    flex: 1 0 80%;
    color: whitesmoke;
    font-weight: 300;
    text-align: left;
    font-size: 100%;
    margin: 10px auto; }
  #sidemenu.se_sub .innerwrap.frstlvl #datemenu .date {
    flex: 0 0 30%;
    margin: 3px;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #aaa;
    color: #aaa;
    padding: 5px;
    box-sizing: border-box;
    transition: 0.3s;
    font-size: 90%;
    transform: scale(0.8); }
    #sidemenu.se_sub .innerwrap.frstlvl #datemenu .date.active {
      transform: scale(1);
      border: 1px solid #095c80;
      color: #0f9ad6;
      pointer-events: none;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #sidemenu.se_sub .innerwrap.frstlvl #datemenu .date:hover {
      transform: scale(0.9);
      background: rgba(0, 0, 0, 0.35);
      border: 1px solid whitesmoke;
      transition: 0.3s; }
  #sidemenu.se_sub .chainbx.leader {
    display: block;
    position: relative;
    flex: 1 0 100%;
    width: auto;
    order: 2; }
  #sidemenu.se_sub .chainbx.leader .innerwrap {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateX(100vw);
    transition: opacity 0.3s ease 0s, transform 0s linear 0.3s; }
  #sidemenu.se_sub .chainbx.leader .innerwrap .associates {
    display: flex;
    flex-direction: column-reverse;
    width: 90%;
    margin: 0px auto; }
    #sidemenu.se_sub .chainbx.leader .innerwrap .associates .chainbx.follow {
      margin: 15px auto;
      width: 100%; }
    #sidemenu.se_sub .chainbx.leader .innerwrap .associates .chainbx.follow header {
      margin: 3px auto; }
      #sidemenu.se_sub .chainbx.leader .innerwrap .associates .chainbx.follow header h3 {
        color: whitesmoke;
        font-weight: 500;
        font-size: 100%; }
    #sidemenu.se_sub .chainbx.leader .innerwrap .associates .chainbx.follow ul {
      list-style: none; }
      #sidemenu.se_sub .chainbx.leader .innerwrap .associates .chainbx.follow ul li {
        margin: 3px auto;
        padding: 5px 0px;
        box-sizing: border-box;
        font-size: 90%; }
      #sidemenu.se_sub .chainbx.leader .innerwrap .associates .chainbx.follow ul li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-bottom: 1px solid white;
        opacity: 0.1; }
    #sidemenu.se_sub .chainbx.leader .innerwrap .associates .chainbx.follow p {
      font-size: 90%;
      color: #aaa;
      margin: 5px auto; }
  #sidemenu.se_sub .chainbx.leader.active .innerwrap {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0s ease 0.3s, transform 0.2s ease 0.3s; }

#sidemenu.se .icon {
  background-image: url("../../../fileadmin/images/icon/filter.png") !important; }

#backvid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1; }
  #backvid video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    opacity: 0.3;
    filter: blur(5px) saturate(30%); }

.latest {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: cover;
  /*background:url("../../../fileadmin/images/mainbg2.jpg");*/ }
  .latest .additionals {
    display: none; }
  .latest h2 {
    width: auto !important;
    right: 5px;
    top: 40px;
    line-height: 20px !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 60% !important; }
  .latest li {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    height: 100%;
    /* top:50% !important;
     left:50% !important;
     transform:translate(0) !important;*/ }
  .latest li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
  .latest li .frame-type-image {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid black;
    z-index: 1;
    /* -webkit-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.5);
     -moz-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.5);
     box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.5);*/ }
  .latest li p {
    display: none !important; }
  .latest li img {
    position: absolute;
    width: 40px !important;
    height: 40px !important; }
  .latest li #min_title {
    position: absolute;
    top: calc(50% + 10px);
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    width: 80%; }
  .latest li #min_title h2 {
    top: 0 !important;
    text-align: left !important;
    color: #fdfdfd !important;
    background: transparent !important;
    font-size: 90% !important;
    font-weight: 100; }
  .latest li .date {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 100%;
    /*border-bottom:1px solid #ccc;*/
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5); }
  .latest li .date h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    position: relative !important;
    width: auto !important;
    background: transparent !important;
    color: white !important;
    line-height: 40px !important;
    text-align: right !important;
    padding-right: 10px; }

#schulungsmenu {
  display: block;
  margin: 20px auto; }
  #schulungsmenu p.note {
    color: #888;
    font-size: 90%;
    font-weight: 100;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #333;
    padding: 3px; }
  #schulungsmenu p.note strong {
    color: #bbb;
    font-weight: 300; }
  #schulungsmenu ul.snav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  #schulungsmenu ul.snav .selist {
    flex: 1 0 30%;
    min-width: 300px;
    display: block;
    overflow: auto;
    margin: 5px;
    outline: 1px solid #aaa;
    backdrop-filter: blur(24px);
    /*background:rgba(255,255,255,0.55);*/
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    transition: 0.3s; }
  #schulungsmenu ul.snav .selist:hover {
    backdrop-filter: saturate(200%) blur(30px);
    transform: scale(1.01);
    transition: 0.3s; }
  #schulungsmenu ul.snav .selist.blur {
    transition: 1.5s;
    transition-delay: 0.5s; }
  #schulungsmenu ul.snav .selist a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    text-decoration: none !important; }
    #schulungsmenu ul.snav .selist a #min_title {
      height: auto;
      min-height: 50px;
      margin-top: 20px;
      order: 1;
      /*background:$fourth;*/ }
    #schulungsmenu ul.snav .selist a #min_title h2 {
      font-size: 100%;
      color: whitesmoke;
      width: calc(100% - 100px);
      font-family: "Montserrat", sans-serif !important;
      font-weight: 300;
      margin: 0 auto 0 15px;
      text-decoration: none;
      /*text-shadow:black 1px 1px;*/ }
    #schulungsmenu ul.snav .selist a .date {
      order: 3;
      background: linear-gradient(45deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.01)); }
    #schulungsmenu ul.snav .selist a .date h3 {
      font-family: "Roboto", sans-serif !important;
      font-weight: 100;
      font-size: 80%;
      color: #aaa;
      margin: 5px; }
      #schulungsmenu ul.snav .selist a .date h3 strong {
        font-weight: 300;
        color: whitesmoke; }
    #schulungsmenu ul.snav .selist a .frame-type-image {
      position: absolute;
      top: 25px;
      right: 25px;
      width: 50px;
      height: 50px;
      border: 1px solid whitesmoke;
      /*background:$pale;*/
      margin: 0 !important;
      order: 2;
      z-index: 1;
      -webkit-box-shadow: 0px -5px 20px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px -5px 20px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px -5px 20px -15px rgba(0, 0, 0, 0.75); }
    #schulungsmenu ul.snav .selist a .frame-type-image img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
      height: auto; }
    #schulungsmenu ul.snav .selist a p {
      display: flex;
      align-items: center;
      flex-grow: 1;
      width: 80%;
      margin: 10px auto;
      font-size: 80%;
      line-height: 1.2;
      color: whitesmoke;
      font-family: "Montserrat", sans-serif !important;
      font-weight: 100;
      order: 6; }
    #schulungsmenu ul.snav .selist a p:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      filter: blur(50px);
      opacity: 0.3;
      -webkit-box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.5); }
    #schulungsmenu ul.snav .selist a .tags {
      order: 4;
      width: 80%;
      /*background:$pale;*/
      height: auto; }
    #schulungsmenu ul.snav .selist a .tags ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      list-style: none;
      /*width:calc(100% - 75px);*/
      height: auto;
      margin: 5px; }
      #schulungsmenu ul.snav .selist a .tags ul li {
        background: #031d29;
        font-family: "Roboto", sans-serif !important;
        font-size: 80%;
        font-weight: 100;
        padding: 5px 10px;
        margin: 2px;
        color: whitesmoke; }
      #schulungsmenu ul.snav .selist a .tags ul li.highlight {
        border: 1px solid whitesmoke;
        background: #084755; }
    #schulungsmenu ul.snav .selist a .additionals {
      order: 5;
      width: 100%;
      padding: 10px 0;
      height: auto;
      border-bottom: 1px solid #aaa; }
    #schulungsmenu ul.snav .selist a .additionals .addsub {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 3px;
      width: 90%;
      margin: 3px auto; }
      #schulungsmenu ul.snav .selist a .additionals .addsub p {
        order: 2;
        line-height: 30px;
        color: whitesmoke;
        margin: 0 !important;
        font-size: 80%; }
      #schulungsmenu ul.snav .selist a .additionals .addsub .add-icon {
        order: 1;
        width: 30px;
        height: 30px; }
      #schulungsmenu ul.snav .selist a .additionals .addsub .add-icon img {
        width: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        opacity: 0.8;
        filter: invert(1); }
    #schulungsmenu ul.snav .selist a .categories {
      order: 7; }
    #schulungsmenu ul.snav .selist a .categories ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      list-style: none; }
      #schulungsmenu ul.snav .selist a .categories ul li {
        flex-grow: 1;
        background: rgba(0, 0, 0, 0.4);
        color: whitesmoke;
        line-height: 30px;
        height: 30px;
        font-size: 80%;
        font-family: "Montserrat", sans-serif !important;
        text-align: center; }
      #schulungsmenu ul.snav .selist a .categories ul li.highlight {
        background: #095c80; }
      #schulungsmenu ul.snav .selist a .categories ul li + li {
        border-left: 1px solid whitesmoke; }
  #schulungsmenu ul.snav .selist.nodate {
    display: none; }

#schulungssidemenu p.note {
  display: none;
  text-align: left;
  font-size: 85%;
  color: #666;
  font-weight: 100;
  font-family: "Roboto", sans-serif !important; }
  #schulungssidemenu p.note strong {
    color: #aaa; }
  #schulungssidemenu h2 {
    flex: 1 0 100%;
    text-align: left;
    margin: 10px auto 5px auto;
    color: whitesmoke;
    font-size: 90%;
    font-weight: 100; }
  #schulungssidemenu .date .btnimg {
    background-image: url("../../../fileadmin/images/icon/timedownpng.png");
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(1); }
  #schulungssidemenu .alphabetical .btnimg {
    background-image: url("../../../fileadmin/images/icon/adown.png");
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(1); }
  #schulungssidemenu .relevanz .btnimg {
    background-image: url("../../../fileadmin/images/icon/priority.png");
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(1); }
  #schulungssidemenu .button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    background: #095c80;
    height: 30px;
    line-height: 30px;
    margin: 3px auto;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #schulungssidemenu .button.passive {
    opacity: 0.3;
    pointer-events: none; }
  #schulungssidemenu .button h3 {
    flex-grow: 1;
    font-family: "Roboto", sans-serif !important;
    font-weight: 100;
    font-size: 90%;
    color: whitesmoke;
    text-align: center; }
  #schulungssidemenu .button .btnimg {
    width: 30px;
    height: 30px;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    filter: invert(1); }
  #schulungssidemenu .button.x {
    background: #ff7f7f;
    margin: 10px auto; }
  #schulungssidemenu .button.x .btnimg {
    background-image: url("../../../fileadmin/images/icon/trash.png");
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(1); }
  #schulungssidemenu .se_tags {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none; }
  #schulungssidemenu .se_tags h3 {
    flex: 1 0 100%;
    text-align: left;
    margin: 10px auto 5px auto;
    color: #aaa;
    font-size: 90%;
    font-weight: 100; }
  #schulungssidemenu .se_tags li {
    margin: 2px;
    color: whitesmoke;
    font-size: 80%;
    background: #084755;
    padding: 5px; }
  #schulungssidemenu .se_tags li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: 0.3s;
    z-index: -1; }
  #schulungssidemenu .se_tags li:hover {
    cursor: pointer;
    transform: scale(1.01);
    transition: 0.3s; }
    #schulungssidemenu .se_tags li:hover:after {
      opacity: 0.1;
      transition: 0.3s; }
  #schulungssidemenu .se_tags li.highlight {
    transform: scale(1.05);
    border: 1px solid whitesmoke; }
  #schulungssidemenu .se_categories {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none; }
  #schulungssidemenu .se_categories h3 {
    flex: 1 0 100%;
    text-align: left;
    margin: 10px auto 5px auto;
    color: #aaa;
    font-size: 90%;
    font-weight: 100; }
  #schulungssidemenu .se_categories li {
    margin: 2px;
    color: whitesmoke;
    font-size: 80%;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px; }
  #schulungssidemenu .se_categories li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    transition: 0.3s;
    z-index: -1; }
  #schulungssidemenu .se_categories li:hover {
    cursor: pointer;
    transform: scale(1.01);
    transition: 0.3s; }
    #schulungssidemenu .se_categories li:hover:after {
      opacity: 0.1;
      transition: 0.3s; }
  #schulungssidemenu .se_categories li.highlight {
    transform: scale(1.05);
    border: 1px solid whitesmoke; }

#filterstatusbar {
  width: calc(100% + 2px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-end;
  margin: 10px auto 0 auto; }
  #filterstatusbar p {
    font-size: 80%;
    color: #666;
    font-family: "Roboto", sans-serif !important;
    font-weight: 100;
    flex: 1 0 100%; }
  #filterstatusbar #bar {
    flex: 1 0 100%;
    width: 100%;
    height: 4px;
    background: black; }
  #filterstatusbar #bar .fill {
    height: 4px;
    background: #11adf0;
    width: 0; }

#filterstatus {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  width: 100%;
  height: 30px;
  line-height: 30px;
  -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.8);
  margin: 0 auto 5px auto; }
  #filterstatus p {
    display: block;
    line-height: 30px;
    text-align: center !important;
    color: #aaa;
    font-family: "Roboto", sans-serif !important;
    font-weight: 100;
    font-size: 80%; }

#filterstatus.additional {
  border: 1px solid whitesmoke; }
  #filterstatus.additional p {
    display: none; }
  #filterstatus.additional img {
    width: 15px;
    height: 15px;
    margin: 7.5px 1px; }

#filterstatus.additional.t {
  background: #084755; }

#filterstatus.additional.c {
  background: rgba(0, 0, 0, 0.8); }

#filterstatus.intersection {
  background-image: url("http://lvps91-250-112-78.dedicated.hosteurope.de/hosting/typotest/fileadmin/images/icon/intersection.png");
  background: linear-gradient(90deg, #084755 50%, black 50%);
  background-position: center;
  background-repeat: no-repeat; }
  #filterstatus.intersection p {
    display: none; }

#filterstatus.intersection:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("http://lvps91-250-112-78.dedicated.hosteurope.de/hosting/typotest/fileadmin/images/icon/intersection.png");
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat; }

#filterstatus.wrong {
  background: #ff4949;
  border: 1px solid #ff7f7f; }
  #filterstatus.wrong p {
    color: whitesmoke !important; }

#pop100 {
  display: none; }

.id12 .cnt .frame {
  width: 100%; }

.tx-powermail {
  width: 95%;
  margin: 10px auto; }
  .tx-powermail #txtclose {
    position: fixed;
    top: 10px;
    right: 10px;
    background: url("http://lvps91-250-112-78.dedicated.hosteurope.de/hosting/typotest/fileadmin/images/icon/close.png");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #aaa;
    width: 30px;
    height: 30px;
    z-index: 1100; }
  .tx-powermail .container-fluid {
    width: 100%; }
  .tx-powermail .container-fluid form {
    width: 100%; }
  .tx-powermail .container-fluid form h3 {
    margin: 20px auto;
    font-size: 100% !important;
    text-align: center;
    color: #0f9ad6;
    font-weight: 100;
    text-transform: uppercase; }
  .tx-powermail .container-fluid form fieldset {
    border: 1px solid #888;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px auto; }
    .tx-powermail .container-fluid form fieldset legend {
      display: none;
      padding: 0px 20px;
      color: #aaa;
      font-size: 85%;
      font-weight: 100; }
    .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap {
      color: #aaa; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .frame {
        width: 100%;
        margin: 0px !important; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .frame img {
        display: block;
        width: 30px;
        height: auto;
        filter: invert(1);
        opacity: 0.85;
        margin: 10px auto; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .frame p {
        max-width: none !important; }
        .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .frame p a {
          display: block;
          text-align: center;
          margin: 10px auto;
          padding: 10px;
          font-size: 80%;
          box-sizing: border-box;
          color: whitesmoke;
          text-decoration: none;
          border: 1px solid #ccc; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap label {
        display: none; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap input:not(:placeholder-shown) {
        border-bottom: 1px solid #ff7f7f; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap input:valid {
        border-bottom: 1px solid lightseagreen; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin: 5px auto;
        background: transparent;
        border: none;
        padding: 0px 10px;
        box-sizing: border-box;
        border: 1px solid transparent;
        font-size: 80%;
        color: white; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap input.btn-primary {
        background: #095c80;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        border: none; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap input:focus {
        border: 1px solid whitesmoke;
        outline: none; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap input::placeholder {
        color: whitesmoke; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap select {
        width: 100%;
        border: none;
        background: transparent;
        color: whitesmoke;
        text-align: center;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #aaa; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap select option {
        text-align: center;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #888;
        background: #031d29; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .col-sm {
        color: whitesmoke;
        font-size: 80%; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap textarea {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        resize: none;
        height: 100px;
        margin: 5px auto;
        background: linear-gradient(125deg, #031d29, rgba(0, 0, 0, 0.8));
        color: whitesmoke;
        border: none;
        -webkit-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        transition: 0s; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap textarea.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh;
        line-height: 1.5;
        padding: 15vh 10vw !important;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(5px) saturate(80%);
        box-sizing: border-box;
        transition: 0s;
        margin: 0;
        font-size: 110%;
        color: whitesmoke;
        font-weight: 300;
        z-index: 1099; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap textarea::placeholder {
        color: whitesmoke; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .checkbox {
        height: 50px; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .checkbox label {
        display: block;
        color: #aaa;
        font-size: 80%;
        text-align: center; }
        .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .checkbox label input {
          display: block;
          opacity: 1;
          height: auto; }
        .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap .checkbox label:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 80%;
          height: 30px;
          transform: translate(-50%, -50%);
          background: rgba(0, 0, 0, 0.95);
          border-radius: 50%;
          filter: blur(15px);
          z-index: -1; }
    .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_datenschutzbestimmungen h3 {
      width: 100%;
      text-transform: none;
      margin: 20px auto 0px auto !important; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_datenschutzbestimmungen h3 a {
        display: block;
        color: whitesmoke;
        padding: 10px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid whitesmoke;
        -webkit-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        text-decoration: none;
        font-size: 80%; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_datenschutzbestimmungen h3 a.active {
        border: none;
        color: whitesmoke;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_datenschutzbestimmungen h3 a.active:after {
        content: 'x';
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        left: 0px; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_datenschutzbestimmungen p {
        opacity: 0;
        pointer-events: none;
        height: 0;
        color: #aaa;
        font-size: 80%;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        margin: 0px auto 20px auto; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_datenschutzbestimmungen p.active {
        opacity: 1;
        height: auto;
        pointer-events: all; }
      .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_datenschutzbestimmungen p.active a {
        display: inline;
        padding: 0 !important;
        color: #0f9ad6;
        background: transparent;
        margin: 0 !important;
        text-decoration: none;
        border: none; }
    .tx-powermail .container-fluid form fieldset .row .powermail_fieldwrap_type_text {
      color: #aaa;
      font-size: 80%; }

.popup .tx-powermail {
  position: relative;
  width: 100%;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background: #031d29; }
  .popup .tx-powermail .container-fluid {
    margin: 50px auto;
    min-height: 100vh; }
  .popup .tx-powermail .container-fluid h3 {
    color: #fdfdfd;
    text-align: center;
    margin: 5px auto; }
  .popup .tx-powermail .container-fluid fieldset {
    margin: 10px auto;
    width: 80%;
    background: linear-gradient(125deg, #095c80, #05374d);
    padding: 10px;
    border: 0; }
    .popup .tx-powermail .container-fluid fieldset legend {
      display: none; }
    .popup .tx-powermail .container-fluid fieldset .frame {
      min-height: 0; }
    .popup .tx-powermail .container-fluid fieldset .frame img {
      display: block;
      width: 50px;
      height: auto;
      margin: 10px auto;
      filter: invert(1); }
    .popup .tx-powermail .container-fluid fieldset .frame a {
      margin: 5px auto;
      background: linear-gradient(125deg, white, #f7f9ef);
      color: #11adf0; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_input {
      text-align: center; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_input label {
      display: none; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_input input:not(:placeholder-shown) {
      border-bottom: 1px solid #ff7f7f; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_input input:valid {
      border-bottom: 1px solid lightseagreen; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_input input {
      width: 80%;
      height: 40px;
      line-height: 40px;
      margin: 5px auto;
      background: transparent;
      border: none;
      padding-left: 10px;
      border: 1px solid transparent;
      color: white; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_input input:focus {
      border: 1px solid #11adf0;
      outline: none; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_input input::placeholder {
      color: whitesmoke; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_select {
      text-align: center; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_select label {
      margin-top: 10px;
      text-align: left;
      font-size: 90%;
      color: #0f9ad6; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_select select {
      height: 40px;
      line-height: 40px;
      background: transparent;
      width: 80%;
      margin: 5px auto;
      border: 1px solid whitesmoke;
      color: white;
      padding-left: 10px; }
      .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_select select option {
        border-bottom: 1px solid grey;
        background: #095c80; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_textarea {
      text-align: center;
      /*textarea:focus {
       @include center;
       position:fixed;
       /* top:10vh;
       left:10vw;
       width:80vw;
       height:80vh;
       opacity:0.9;
       outline:none;
       z-index:10;
       border:1px solid $bright;
       transition:0.05s;
       pointer-events:none;
       }*/ }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_textarea label {
      display: none; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_textarea textarea {
      width: calc(80% - 20px);
      padding: 10px;
      resize: none;
      height: 100px;
      background: linear-gradient(125deg, #031d29, rgba(0, 0, 0, 0.8));
      color: whitesmoke;
      border: none;
      -webkit-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
      -moz-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
      box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
      transition: 0s; }
      .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_textarea textarea.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh;
        line-height: 1.5;
        padding: 15vh 10vw !important;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(5px) saturate(80%);
        box-sizing: border-box;
        transition: 0s;
        font-size: 110%;
        color: whitesmoke;
        font-weight: 300;
        z-index: 1000; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_textarea textarea::placeholder {
      color: whitesmoke; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap .frame {
      padding: 0 !important; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap h3 {
      width: 100%; }
      .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap h3 a {
        display: block;
        background: #031d29;
        color: whitesmoke;
        padding: 10px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 1);
        text-decoration: none;
        font-size: 80%; }
      .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap h3 a.active {
        border: 1px solid whitesmoke;
        background: transparent;
        color: whitesmoke; }
      .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap h3 a.active:after {
        content: 'x';
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        left: 0px; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap p {
      opacity: 0;
      pointer-events: none;
      height: 0; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap p.active {
      opacity: 1;
      height: auto;
      pointer-events: all;
      color: #aaa;
      font-size: 80%;
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      margin: 10px auto; }
      .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap p.active a {
        display: inline;
        padding: 0 !important;
        color: #0f9ad6;
        background: transparent;
        margin: 0 !important;
        text-decoration: none; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_check label {
      display: block;
      text-align: center;
      color: #ddd;
      font-size: 90%; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_check .checkbox {
      border: 1px solid whitesmoke;
      background: #095c80;
      padding: 5px;
      height: 40px;
      line-height: 40px;
      margin: 10px 5px;
      -webkit-box-shadow: inset 5px 5px 25px -15px rgba(0, 0, 0, 1);
      -moz-box-shadow: inset 5px 5px 25px -15px rgba(0, 0, 0, 1);
      box-shadow: inset 5px 5px 25px -15px rgba(0, 0, 0, 1); }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_text {
      font-size: 90%;
      color: #11adf0;
      width: 95%;
      margin: 10px auto; }
    .popup .tx-powermail .container-fluid fieldset .powermail_fieldwrap_type_submit input {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      background: #031d29;
      color: whitesmoke;
      text-align: center;
      margin: 3px auto;
      border: 1px solid #095c80; }
  .popup .tx-powermail #txtclose {
    position: fixed;
    top: 10px;
    right: 10px;
    background: url("http://lvps91-250-112-78.dedicated.hosteurope.de/hosting/typotest/fileadmin/images/icon/close.png");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #aaa;
    width: 30px;
    height: 30px;
    z-index: 1001; }

.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
  .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    width: 100%;
    height: 100%; }
  .swiper-container .swiper-wrapper .swiper-slide .inner-slide-wrap {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .swiper-container .swiper-wrapper .swiper-slide .news-list-item {
    padding: 20px;
    box-sizing: border-box; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-3 a {
      display: block;
      width: 100%;
      height: 100%; }
      .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-3 a img {
        width: 100%;
        height: auto;
        filter: blur(0px) saturate(55%);
        opacity: 0.85;
        transition: 0.5s; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 {
      margin-top: -5px;
      background: rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      padding: 10px;
      box-sizing: border-box; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 h3 a {
      text-align: left;
      display: block;
      background: transparent;
      color: #0f9ad6;
      font-size: 90%;
      text-decoration: none; }
      .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 h3 a:after {
        display: none; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 .extra {
      display: none; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 .lead {
      margin: 5px auto; }
      .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 .lead p {
        font-size: 80% !important;
        color: #aaa !important;
        line-height: 1.5em; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 a {
      display: block;
      width: 100%;
      font-size: 80%;
      text-decoration: none;
      color: whitesmoke;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      text-align: center;
      padding: 10px;
      box-sizing: border-box; }
      .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #095c80;
        opacity: 0.5;
        z-index: -1; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item:hover img {
      transform: scale(0.98);
      opacity: 0.95;
      filter: blur(3px) !important;
      transition: 0.5s; }
    .swiper-container .swiper-wrapper .swiper-slide .news-list-item:hover .col-md-9 {
      transition: 0.3s;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    @media only screen and (min-width: 768px) {
      .swiper-container .swiper-wrapper .swiper-slide .news-list-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: center; }
        .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-3 {
          flex: 1 0 50%; }
          .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-3 a img {
            height: 100%;
            object-fit: cover; }
        .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 {
          flex: 0 0 50%;
          padding: 50px 10px; } }
  @media only screen and (min-width: 1024px) {
      .swiper-container .swiper-wrapper .swiper-slide .inner-slide-wrap {
        left: 5%;
        width: 40%;
        transform: translate(0, -50%); }
      .swiper-container .swiper-wrapper .swiper-slide .news-list-item {
        width: 80%;
        max-width: 1180px;
        left: 0; }
        .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 {
          display: flex;
          flex-direction: column;
          justify-content: center;
          background: transparent;
          padding: 50px 20px;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 h3 {
            padding: 0; }
            .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 h3 a {
              -webkit-box-shadow: none;
              -moz-box-shadow: none;
              box-shadow: none;
              padding: 0px; } }
  @media only screen and (min-width: 1280px) {
      .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 {
        padding: 50px; }
        .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 h3 a {
          max-width: 100vw; }
        .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 .lead {
          margin: 5px 0px; }
          .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 .lead p {
            margin: 20px 0px; }
        .swiper-container .swiper-wrapper .swiper-slide .news-list-item .col-md-9 a {
          max-width: 200px; } }
  @media only screen and (min-width: 1024px) {
      .swiper-container .swiper-wrapper .swiper-slide {
        align-items: flex-start;
        align-content: flex-start; } }
  .swiper-container .swiper-button-prev {
    position: absolute;
    border: 1px solid #aaa;
    height: 40px;
    width: 40px;
    bottom: 0;
    top: auto;
    right: 45px;
    left: auto; }
  .swiper-container .swiper-button-prev:after {
    transform: scale(0.35);
    filter: grayscale(0.7); }
  @media only screen and (min-width: 768px) {
    .swiper-container .swiper-button-prev {
      bottom: 20%;
      right: auto;
      left: 0; } }
  @media only screen and (min-width: 1024px) {
    .swiper-container .swiper-button-prev {
      left: calc(100% - 50px);
      bottom: auto;
      top: calc(50% + 45px);
      transform: translateY(-50%); } }
  .swiper-container .swiper-button-prev:hover {
    background: whitesmoke;
    transition: 0.1s; }
  .swiper-container .swiper-button-next {
    position: absolute;
    border: 1px solid #aaa;
    height: 40px;
    width: 40px;
    bottom: 0;
    top: auto;
    right: 0;
    left: auto; }
  .swiper-container .swiper-button-next:after {
    transform: scale(0.35);
    filter: grayscale(0.7); }
  @media only screen and (min-width: 768px) {
    .swiper-container .swiper-button-next {
      bottom: 20%;
      right: auto;
      left: 45px; } }
  @media only screen and (min-width: 1024px) {
    .swiper-container .swiper-button-next {
      left: calc(100% - 50px);
      bottom: auto;
      top: 50%;
      transform: translateY(-50%); } }
  .swiper-container .swiper-button-next:hover {
    background: whitesmoke;
    transition: 0.1s; }

#vueapp {
  width: 100%;
  min-height: 100px; }

#vue_menu {
  display: none; }

.modalbox {
  position: fixed;
  width: 100vw;
  height: 100vh;
  transform: translate3d(0, 0, 0);
  top: 0;
  left: 0;
  z-index: 100000; }
  .modalbox .modal_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    max-width: 100%;
    padding: 50px 20px;
    box-sizing: border-box;
    background: whitesmoke;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  .modalbox:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(2px);
    z-index: -1; }

.v-input label {
  transform-origin: top left; }

.v-textarea label {
  transform-origin: top left; }

body.id149 #topbar {
  display: none !important; }
  body.id149 #footer {
    display: none !important; }

.closebutton:hover, .close_button:hover {
  cursor: pointer;
  border: 1px solid #ff7f7f !important; }
  .closebutton:hover .v-icon, .close_button:hover .v-icon {
    color: #ff7f7f !important; }

#vueadmin_body {
  width: 100%; }
  #vueadmin_body .seminar_menu {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 280px;
    max-width: 320px;
    height: 100vh;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #vueadmin_body .seminar_menu ul {
    position: relative;
    width: 95%;
    height: 100vh;
    margin: auto;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    align-content: center; }
  #vueadmin_body .seminar_menu ul li {
    height: 40px;
    background: rgba(0, 0, 0, 0.85);
    position: relative;
    flex: 1 0 100%;
    margin-bottom: 2px;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueadmin_body .seminar_menu ul li .headline {
      display: flex;
      flex-flow: row wrap; }
    #vueadmin_body .seminar_menu ul li .headline .n_icon {
      position: absolute;
      top: 10px;
      height: 20px;
      width: 20px;
      right: 5px;
      filter: invert(1); }
    #vueadmin_body .seminar_menu ul li .headline .icon {
      width: 40px;
      margin: 0px 10px 0px 5px;
      height: 40px; }
      #vueadmin_body .seminar_menu ul li .headline .icon img {
        height: 30px;
        width: 30px;
        margin: 5px; }
    #vueadmin_body .seminar_menu ul li .headline h3 {
      text-align: left;
      flex: auto;
      font-size: 55%;
      font-weight: 300;
      line-height: 40px;
      color: whitesmoke; }
    #vueadmin_body .seminar_menu ul li .dot {
      position: absolute;
      height: 10px;
      width: 10px;
      top: 15px;
      right: 5px;
      border-radius: 50px;
      border: 1px solid white;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueadmin_body .seminar_menu ul li .dot.green {
      background: #b1de80; }
    #vueadmin_body .seminar_menu ul li .dot.red {
      background: #ff7f7f; }
    #vueadmin_body .seminar_menu ul li:hover {
      cursor: pointer;
      border: 1px solid #888;
      transform: scale(1.02);
      transform-origin: left;
      transition: 0.3s; }
    #vueadmin_body .seminar_menu ul li.open {
      background: #095c80;
      border: 1px solid whitesmoke; }
  #vueadmin_body .seminar_menu:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../../../fileadmin/images/backuse.jpg");
    background-size: cover;
    filter: blur(5px);
    opacity: 0.85;
    z-index: -2; }
  #vueadmin_body .seminar_menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    z-index: -1; }
  #vueadmin_body .allseminars {
    list-style: none;
    width: calc(100% - 400px);
    margin: 50px auto 50px 360px; }
  #vueadmin_body .allseminars .seminar {
    position: relative;
    width: 100%;
    height: 60px;
    margin: 3px auto;
    background: whitesmoke;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #vueadmin_body .allseminars .seminar .headline {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px; }
    #vueadmin_body .allseminars .seminar .headline .icon {
      display: none; }
    #vueadmin_body .allseminars .seminar .headline .n_icon {
      position: relative;
      flex: 0 0 30px;
      height: 40px;
      margin: 10px;
      background: whitesmoke; }
    #vueadmin_body .allseminars .seminar .headline .n_icon img {
      opacity: 0.75;
      width: 30px;
      height: 30px;
      margin: 5px;
      filter: invert(1); }
    #vueadmin_body .allseminars .seminar .headline h3 {
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      font-size: 100%;
      font-weight: 300;
      color: #222;
      margin-left: 45px; }
    #vueadmin_body .allseminars .seminar .headline .last-edit {
      position: absolute;
      right: 20px;
      font-size: 80%;
      color: #aaa; }
    #vueadmin_body .allseminars .seminar .headline .last-edit strong {
      color: #11adf0;
      font-weight: 500; }
  #vueadmin_body .allseminars .seminar .seminar_body {
    display: none; }
  #vueadmin_body .allseminars .seminar.open {
    height: auto;
    line-height: normal; }
    #vueadmin_body .allseminars .seminar.open .headline {
      background: rgba(0, 0, 0, 0.95);
      border-bottom: 1px solid white;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueadmin_body .allseminars .seminar.open .headline h3 {
      color: whitesmoke; }
    #vueadmin_body .allseminars .seminar.open .seminar_body {
      display: block;
      box-sizing: border-box; }
    #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image {
      position: relative;
      width: 100%;
      height: 340px;
      background-size: 105%;
      background-position: center; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 100px;
        height: 100px;
        border: 1px solid #aaa;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.85);
        z-index: 5;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon img {
        width: 100%;
        height: 100%; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon .hover_blend_small {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50px;
        height: 50px;
        transform: translate(-50%, -50%);
        opacity: 0;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
        #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon .hover_blend_small .v-icon {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          filter: invert(1);
          font-size: 24px; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon .hover_blend_small p {
          display: none; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon:hover {
        border: 1px solid white; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon:hover img {
          transform: scale(1.02);
          transition: 0.3s; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon:hover .hover_blend_small {
          opacity: 1;
          pointer-events: all; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .icon:hover ~ .hover_blend {
        display: none; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image p {
        text-align: right;
        color: whitesmoke;
        padding: 5px 10px;
        font-size: 80%;
        box-sizing: border-box;
        background: linear-gradient(45deg, transparent, #095c80, black); }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .hover_blend {
        display: flex;
        flex-flow: row nowrap;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        bottom: 5px;
        right: 5px; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .hover_blend p {
        background: linear-gradient(45deg, transparent, black);
        height: 40px;
        line-height: 40px;
        color: #ccc;
        padding: 0 10px 0 50vw; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .hover_blend p strong {
          color: #666;
          font-size: 60%;
          margin-right: 4px; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .hover_blend .v-icon {
        filter: invert(1);
        width: 40px;
        height: 40px;
        background: white;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .hover_blend:after {
        content: '';
        position: absolute;
        bottom: -5px;
        right: -5px;
        width: 300px;
        height: 300px;
        background: linear-gradient(135deg, transparent, transparent, black);
        z-index: -1; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .v-input {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        backdrop-filter: blur(1px);
        padding: 0;
        margin: 0;
        z-index: 10; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .v-input .v-input__control {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 300px;
        height: 50px;
        line-height: 50px; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image:hover {
        cursor: pointer;
        background-size: 100%;
        -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        filter: saturate(50%);
        transition: 0.3s; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image:hover .hover_blend {
        opacity: 1;
        pointer-events: all;
        z-index: 2; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .seminar_image .click_bait {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
    #vueadmin_body .allseminars .seminar.open .seminar_body .main_toolbar {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-end;
      height: 50px;
      width: 100%;
      background: black; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .main_toolbar .updateButton {
        margin: 5px; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .main_toolbar .updateButton .v-btn {
        height: 40px;
        font-size: 90%;
        color: whitesmoke;
        background: #11adf0; }
    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper {
      padding: 30px; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .warning {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        width: 90%;
        margin: 0px auto 10px auto; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .warning h3 {
          margin-left: 5px; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar p {
        width: 90%;
        margin: 0px auto 10px auto;
        padding: 5px;
        box-sizing: border-box; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form {
        width: 90%;
        margin: 10px auto; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form {
          display: flex;
          flex-flow: row wrap;
          justify-content: center; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .t_h {
            position: relative;
            flex: 0 0 48%;
            min-width: 200px;
            margin: 5px;
            align-self: center; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .t_h.de {
              opacity: 0.5; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .t_h.en:after {
              content: '';
              position: absolute;
              left: 10px;
              height: 100%;
              width: 30px;
              filter: grayscale(1);
              opacity: 0.5;
              background: url("../../../../fileadmin/images/adecc_seminars/flags/en_flag.png");
              background-position: 100% 30%;
              background-size: 20px;
              background-repeat: no-repeat; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box {
            position: relative;
            width: 100%;
            margin: 20px auto;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            padding: 50px 0px;
            overflow: visible;
            z-index: 5;
            -webkit-box-shadow: 0px 10px 28px -28px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 10px 28px -28px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 10px 28px -28px rgba(0, 0, 0, 0.75); }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields {
              width: 100%;
              background: whitesmoke;
              z-index: 1; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields .v-textarea {
                opacity: 0;
                pointer-events: none; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields .flag {
                position: absolute;
                width: 50px;
                height: 30px;
                top: -30px;
                right: 0px;
                border: 1px solid #ccc;
                filter: grayscale(1); }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields .flag.en {
                  top: -80px;
                  background: url("../../../../fileadmin/images/adecc_seminars/flags/en_flag.png");
                  background-size: 30px;
                  background-position: center;
                  background-repeat: no-repeat; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields .flag.de {
                  right: 53px;
                  background: url("../../../../fileadmin/images/adecc_seminars/flags/de_flag.png");
                  background-size: 30px;
                  background-position: center;
                  background-repeat: no-repeat; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields.up {
                z-index: 2 !important; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields.up .v-textarea {
                  opacity: 1;
                  pointer-events: all; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields.up .flag {
                  border-bottom: 2px solid whitesmoke;
                  transform: scale(1.02);
                  filter: grayscale(0); }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .new_seminar .mandatory_form .form .lang_box .lang_fields.english_fields {
                position: absolute;
                top: 50px;
                left: 0;
                z-index: -1; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar {
        display: flex;
        flex-flow: row wrap; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_tools {
        flex: 0 0 100px; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_tools .v-btn {
          position: relative;
          width: 80%;
          margin: 5px auto;
          height: 40px; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_tools .v-btn.highlight {
            background: #031d29; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_tools .v-btn.highlight:after {
              content: '';
              position: absolute;
              right: -20px;
              top: 50%;
              transform: translateY(-50%);
              width: 20px;
              height: 1px;
              background: #ccc; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_tools .v-btn.highlight .v-icon {
              filter: invert(1); }
      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_panel {
        position: relative; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_panel .edit_panel_head {
          height: 80px;
          margin: 40px 0px 0px 0px; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_panel .edit_panel_head .lang_select {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-end;
            position: absolute;
            top: 0;
            left: auto;
            right: 0px;
            background: #eee; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_panel .edit_panel_head .lang_select .v-btn {
              padding: 5px;
              min-width: 0px;
              -webkit-box-shadow: none;
              -moz-box-shadow: none;
              box-shadow: none;
              background: transparent;
              filter: grayscale(1); }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_panel .edit_panel_head .lang_select .v-btn img {
                width: 30px;
                height: 30px; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .edit_panel .edit_panel_head .lang_select .v-btn.highlight {
                filter: grayscale(0); }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel {
          background: #eee; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .no_instance {
          display: flex; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .no_instance .info {
            font-size: 90%;
            flex: calc(100% - 180px);
            display: flex;
            flex-flow: row wrap;
            align-items: center;
            margin: 0px 20px 0px 0px; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .no_instance .info h3 {
              font-size: 100%;
              flex: 1 0 100%; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .no_instance .info h3 .v-icon {
                margin-right: 8px; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .no_instance .v-btn {
            display: flex;
            position: relative;
            flex: 0 0 140px;
            height: 140px;
            font-size: 60%;
            background: #aaa;
            color: whitesmoke;
            color: #eee;
            border-radius: 0px;
            align-items: flex-end;
            padding: 20px 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .no_instance .v-btn .v-icon {
              position: absolute;
              left: 50%;
              top: 0;
              transform: translate(-50%, -210%); }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances {
          list-style: none; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance_tools {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-end;
            padding: 5px;
            box-sizing: border-box; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance_tools h3 {
              font-size: 70%;
              font-weight: 300;
              line-height: 40px;
              margin: 0px auto 0px 10px;
              display: block;
              color: #222; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance_tools .v-btn {
              width: 40px;
              height: 40px;
              min-width: 0px; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances ul {
            width: 100%; }
          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance {
            background: white;
            border: 2px solid white;
            margin: 10px auto;
            height: 50px;
            overflow: hidden; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head {
              display: flex;
              flex-flow: row wrap;
              justify-content: flex-end;
              background: #095c80;
              padding-right: 10px;
              height: 50px; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head.err {
                background: #aaa; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .v-btn {
                width: 30px;
                height: 30px;
                min-width: 0px;
                margin: 10px 3px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .v-btn img {
                  width: 20px;
                  height: 20px;
                  margin: 5px; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head {
                display: flex;
                height: 50px;
                margin: 0px auto 0px 10px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .instance_active {
                  height: 50px; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .instance_active .v-input--checkbox {
                    height: 30px;
                    margin: 10px 5px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .title_lang {
                  min-width: 350px;
                  height: 50px;
                  overflow: hidden; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .title_lang .v-input {
                    position: relative;
                    height: 40px;
                    margin: 5px;
                    padding: 3px; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .title_lang .v-input .v-input__control {
                      padding: 0; }
                      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .title_lang .v-input .v-input__control .v-input__slot .v-text-field__slot label {
                        display: none; }
                        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .title_lang .v-input .v-input__control .v-input__slot .v-text-field__slot input {
                          color: whitesmoke; }
                        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .title_lang .v-input .v-input__control .v-input__slot:before {
                          border-color: whitesmoke; }
                        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head .title_lang .v-input .v-input__control .v-input__slot:after {
                          border-color: white; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance .instance_head .head_head p {
                      color: #ccc;
                      font-size: 80%;
                      line-height: 70px; }
            #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open {
              height: auto; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_switch {
                display: flex;
                flex-flow: row wrap;
                margin: 0px auto 5px auto;
                background: #eee;
                height: 40px;
                padding: 5px;
                box-sizing: border-box; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_switch .sw {
                  position: relative;
                  height: 30px;
                  background: #ccc;
                  line-height: 30px;
                  margin: 0px 2.5px;
                  padding: 0px 10px; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_switch .sw p {
                    color: #222;
                    margin: 0p 10px; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_switch .sw.highlight {
                    background: #084755; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_switch .sw.highlight p {
                      color: whitesmoke; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_switch .sw:hover {
                    cursor: pointer; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .subpanel {
                padding: 20px;
                box-sizing: border-box; }
              #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu {
                display: flex;
                flex-flow: row wrap; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu ul {
                  display: flex;
                  flex-flow: row wrap;
                  align-content: flex-start;
                  order: 2;
                  max-width: 150px;
                  flex: 150px;
                  height: 100%;
                  padding: 0px 2px 40px 2px;
                  border-radius: 5px;
                  background: whitesmoke;
                  list-style: none;
                  -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
                  -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
                  box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu ul .session_tools {
                    flex: 1 0 100%; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu ul .session_tools .v-btn {
                      width: 100%;
                      height: 40px;
                      margin: 2px auto;
                      border-radius: 3px; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu ul li {
                    flex: 1 0 100%;
                    border-radius: 3px;
                    height: 40px;
                    line-height: 40px;
                    margin: 2px auto;
                    background: whitesmoke;
                    border: 1px solid whitesmoke;
                    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu ul li p {
                      text-align: center;
                      font-weight: 500; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu ul li.highlight {
                      border: 1px solid #222;
                      background: #444; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu ul li.highlight p {
                      color: white; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session {
                  order: 1;
                  border: 1px solid #888;
                  margin: 0px 10px 0px 0px;
                  flex: auto;
                  max-width: calc(100% - 160px); }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head {
                    display: flex;
                    flex-flow: row wrap;
                    justify-content: flex-end;
                    background: #ff7f7f;
                    height: 40px;
                    padding: 5px; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_title {
                      height: 30px;
                      margin: 0px auto 0px 0px; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_title .v-input {
                      height: 30px;
                      line-height: 30px;
                      margin: 0px auto 0px 0px;
                      padding: 0px 5px; }
                      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_title .v-input .v-input__slot:after, #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_title .v-input .v-input__slot:before {
                        display: none; }
                        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_title .v-input .v-input__slot .v-text-field__slot label {
                          display: none; }
                          #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_title .v-input .v-input__slot .v-text-field__slot input {
                            color: whitesmoke;
                            font-weight: 300; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_count {
                      line-height: 30px;
                      height: 30px;
                      margin-right: 20px; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_count p {
                      font-size: 80%;
                      color: white; }
                      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .session_count p strong {
                        color: whitesmoke;
                        font-size: 90%;
                        font-weight: 300;
                        margin-right: 5px; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_head .v-btn {
                      width: 30px;
                      height: 30px;
                      min-width: 0px;
                      background: white; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .v-picker .v-date-picker-title {
                    color: #444; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .v-picker .v-date-picker-title .v-date-picker-title__date {
                      font-size: 100%; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .select_time {
                      display: flex;
                      flex-flow: row wrap;
                      justify-content: space-around;
                      align-items: baseline;
                      padding: 5px;
                      box-sizing: border-box;
                      background: lightyellow; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .select_time .v-input {
                      display: inline-block;
                      flex: 0 0 140px;
                      margin: 5px;
                      background: white;
                      height: 50px; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .select_time .v-input .v-input__slot {
                      min-height: 50px; }
                      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .select_time .v-input .v-input__slot label {
                        left: -12% !important; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .additional_info {
                      padding: 0px 20px;
                      box-sizing: border-box; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .additional_info .v-input--checkbox label {
                      left: 5px !important; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .additional_info .v-textarea textarea {
                      background: whitesmoke;
                      padding: 8px;
                      font-size: 90%;
                      line-height: 1.5em;
                      box-sizing: border-box; }
                    #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .additional_info .v-textarea label {
                      top: 10px;
                      left: 10px !important;
                      transform-origin: left; }
                      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .sessions_panel .sessions_menu .session .session_body .additional_info .v-textarea label.v-label--active {
                        transform: scale(0.75) translateY(-40px) translateX(-10px); }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .no_sessions .info {
                  position: relative;
                  display: flex;
                  flex-flow: row wrap; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .no_sessions .info p {
                  flex: 0 0 70%;
                  padding: 0px 10px;
                  margin-right: 20px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .sessions_edit .no_sessions .info .v-btn {
                  display: flex;
                  align-content: flex-end;
                  padding: 20px;
                  width: 100px;
                  height: 100px;
                  margin: 0px 0px 0px auto;
                  border-radius: 0px;
                  -webkit-box-shadow: none;
                  -moz-box-shadow: none;
                  box-shadow: none; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .ppl_edit .user_list {
                    list-style: none; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .ppl_edit .user_list li {
                  position: relative;
                  -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                  -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                  box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                  background: white;
                  padding: 20px;
                  margin: 2px 0px;
                  box-sizing: border-box; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .ppl_edit .user_list li .delete_button {
                  position: absolute;
                  top: 5px;
                  right: 5px;
                  width: 40px;
                  min-width: 0px;
                  height: 40px;
                  background: #ff7f7f; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .ppl_edit .user_list li .delete_button .v-icon {
                    color: whitesmoke; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .difficulty {
                  background: #095c80;
                  padding: 10px;
                  max-width: 75%;
                  box-sizing: border-box;
                  margin: 10px 0px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .difficulty .ticker p {
                  color: #eee;
                  font-size: 80%; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .hint {
                  background: whitesmoke;
                  font-size: 80%;
                  color: #222;
                  margin: 20px 0px;
                  max-width: 75%;
                  padding: 20px;
                  box-sizing: border-box; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .deadline_options {
                  margin-bottom: 20px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .ppl {
                  margin: 10px 0px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .ppl .v-input {
                  width: 150px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .ppl .v-input .v-text-field__slot {
                  background: ghostblue; }
                  #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .ppl .v-input .v-text-field__slot input {
                    text-align: center;
                    font-weight: 700; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .v-input {
                  font-size: 80%;
                  max-width: 75%; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .v-input label {
                  font-size: 90%; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .fakeinput_label {
                  color: #222;
                  font-size: 70%; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .fakeinput {
                  color: whitesmoke;
                  background: #095c80;
                  padding: 10px 20px;
                  margin: 3px auto 10px 0px;
                  width: 180px;
                  text-align: center;
                  box-sizing: border-box;
                  -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
                  -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
                  box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .fakeinput:hover {
                  cursor: pointer; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .date_modal {
                  position: fixed;
                  top: 0;
                  left: 0;
                  width: 100vw;
                  height: 100vh; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .date_modal .date_modal_wrapper {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  z-index: 3;
                  width: 400px;
                  height: 300px; }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .date_modal .date_modal_wrapper .v-date-picker {
                  -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                  -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                  box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
                #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .instance_panel .instances .instance.open .instance_edit .date_modal .closebutton {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  background: rgba(0, 0, 0, 0.75);
                  backdrop-filter: blur(3px);
                  z-index: 1; }
      #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .panel {
        flex: calc(100% - 120px);
        padding: 20px;
        border: 1px solid #ccc; }
        #vueadmin_body .allseminars .seminar.open .seminar_body .body_wrapper .edited_seminar .panel p {
          color: #888;
          font-size: 90%; }
  #vueseminars_body {
    display: block;
    margin: 10px auto;
    padding: 50px 0px;
    width: 90%; }
  #vueseminars_body .seminar_list_options {
    width: 100%;
    margin: 20px auto 0px auto;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #vueseminars_body .seminar_list_options .seminar_select {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    height: 40px; }
  #vueseminars_body .seminar_list_options .seminar_select p {
    flex: 1 0 auto;
    text-align: center;
    line-height: 40px;
    font-size: 90%;
    color: #11adf0; }
  #vueseminars_body .seminar_list_options .seminar_select .buttons {
    flex: 0 0 auto; }
    #vueseminars_body .seminar_list_options .seminar_select .buttons .v-btn {
      background: transparent;
      width: 40px;
      height: 40px;
      min-width: 0px;
      border-radius: 0px;
      opacity: 0.75;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    #vueseminars_body .seminar_list_options .seminar_select .buttons .v-btn .v-icon {
      font-size: 24px;
      filter: invert(1); }
    #vueseminars_body .seminar_list_options .seminar_select .buttons .v-btn.highlight {
      opacity: 1;
      background: rgba(0, 255, 255, 0.1); }
  #vueseminars_body .seminar_list_options .seminar_list_modes {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    border-top: 1px solid #444;
    height: 40px;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #vueseminars_body .seminar_list_options .seminar_list_modes .v-btn {
    background: transparent;
    width: 40px;
    height: 40px;
    min-width: 0px;
    border-radius: 0px;
    opacity: 0.75;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    #vueseminars_body .seminar_list_options .seminar_list_modes .v-btn .v-icon {
      font-size: 24px;
      filter: invert(1); }
    #vueseminars_body .seminar_list_options .seminar_list_modes .v-btn.highlight {
      opacity: 1;
      background: rgba(0, 255, 255, 0.1); }
    #vueseminars_body .seminar_list_options .seminar_list_modes .v-btn.disabled {
      pointer-events: none;
      opacity: 0.15; }
  @media (min-device-width: 768px) {
    #vueseminars_body .seminar_list_options {
      max-width: 400px;
      margin: 20px 0px 0px auto;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); } }
  #vueseminars_body .seminar_block .seminar_count {
    width: 100%;
    font-size: 80%;
    text-align: right;
    color: #aaa;
    margin: 10px auto 20px auto; }
  #vueseminars_body .seminar_block .seminar_list .responsive_filter_options {
    display: none; }
  #vueseminars_body .seminar_block .seminar_list ul {
    list-style: none; }
    #vueseminars_body .seminar_block .seminar_list ul .seminar {
      position: relative;
      background: whitesmoke;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      margin: 10px auto;
      background: rgba(0, 0, 0, 0.5); }
    #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_head {
      position: relative;
      width: 100%;
      height: 150px;
      z-index: 2;
      overflow: hidden; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_head h2 {
        width: calc(100% - 90px);
        color: whitesmoke;
        text-shadow: 1px 1px #222;
        font-size: 100%;
        font-weight: 700;
        position: absolute;
        left: 5px;
        bottom: 5px; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_head .seminar_head_icon {
        position: absolute;
        bottom: 5px;
        right: 5px;
        border: 1px solid whitesmoke;
        background: rgba(0, 0, 0, 0.5);
        width: 80px;
        height: 80px;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_head .seminar_head_icon img {
        width: 70px;
        height: 70px;
        margin: 5px; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_head .seminar_head_background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 150px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        filter: blur(1px);
        z-index: -1; }
    #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .tags {
      padding: 5px;
      box-sizing: border-box; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .tags ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        list-style: none; }
        #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .tags ul .tag {
          padding: 5px 10px;
          color: whitesmoke;
          background: #084755;
          font-size: 75%;
          border: 1px solid #084755;
          margin: 2px;
          -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
          #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .tags ul .tag.checked {
            border: 1px solid whitesmoke; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .abstract {
        background: rgba(255, 255, 255, 0.05);
        width: calc(100% - 10px);
        margin: 0px 5px;
        padding: 15px;
        box-sizing: border-box;
        font-size: 80%;
        color: whitesmoke; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .available {
        background: #095c80;
        width: calc(100% - 10px);
        margin: 0px 5px;
        padding: 15px;
        font-size: 70%;
        font-weight: 500;
        text-align: center;
        color: #eee; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .cats {
        padding: 5px;
        box-sizing: border-box; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .cats ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        list-style: none; }
        #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .cats ul .cat {
          padding: 5px 10px;
          color: whitesmoke;
          background: #031d29;
          font-size: 75%;
          border: 1px solid #031d29;
          margin: 2px;
          -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
          #vueseminars_body .seminar_block .seminar_list ul .seminar .seminar_body .cats ul .cat.checked {
            border: 1px solid whitesmoke; }
    #vueseminars_body .seminar_block .seminar_list ul .seminar.blurred {
      filter: blur(2px);
      opacity: 0.75;
      pointer-events: none; }
    #vueseminars_body .seminar_block .seminar_list ul .seminar:hover {
      cursor: pointer;
      border: 1px solid whitesmoke; }
      #vueseminars_body .seminar_block .seminar_list ul .seminar:hover .seminar_head_background {
        transform: scale(1.05); }
    #vueseminars_body .seminar_block .seminar_list ul .instance {
      background: rgba(255, 255, 255, 0.95); }
    #vueseminars_body .seminar_block .seminar_list ul .instance .instance_head {
      position: relative;
      height: 180px;
      width: 100%;
      overflow: hidden;
      z-index: 5; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_head h2 {
        position: absolute;
        left: 10px;
        bottom: 45px;
        color: whitesmoke;
        font-size: 110%;
        text-shadow: 1px 1px black;
        z-index: 2; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_head h3 {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 2;
        background: rgba(0, 0, 0, 0.75);
        color: #11adf0;
        height: 40px;
        line-height: 40px;
        padding: 0px 10px;
        font-weight: 700;
        font-size: 100%; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_head .instance_head_icon {
        position: absolute;
        bottom: 45px;
        right: 5px;
        border: 1px solid whitesmoke;
        background: rgba(0, 0, 0, 0.5);
        width: 80px;
        height: 80px;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_head .instance_head_icon img {
        width: 70px;
        height: 70px;
        margin: 5px; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_head .instance_head_background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        filter: blur(2px);
        z-index: -1; }
    #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .date {
      padding: 10px; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .date p {
        width: 100%;
        text-align: right;
        margin: 0px 5px;
        color: #aaa;
        font-size: 80%; }
        #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .date p strong {
          display: inline-block;
          margin: 3px 0px;
          background: #ff7f7f;
          border: 1px solid #ff4949;
          padding: 5px;
          color: whitesmoke;
          font-weight: 700;
          -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .tags {
        padding: 5px;
        box-sizing: border-box;
        background: #ddd;
        margin: 5px 0px; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .tags ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        list-style: none; }
        #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .tags ul .tag {
          padding: 5px 10px;
          color: whitesmoke;
          background: #084755;
          font-size: 75%;
          border: 1px solid #084755;
          margin: 2px;
          -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
          #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .tags ul .tag.checked {
            border: 1px solid white;
            background: #095c80; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .cats {
        padding: 5px;
        box-sizing: border-box;
        background: #ddd;
        margin: 5px 0px; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .cats ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        list-style: none; }
        #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .cats ul .cat {
          padding: 5px 10px;
          color: whitesmoke;
          background: #031d29;
          font-size: 75%;
          border: 1px solid #031d29;
          margin: 2px;
          -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
          #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .cats ul .cat.checked {
            border: 1px solid white;
            background: #095c80; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .description {
        padding: 10px;
        box-sizing: border-box; }
      #vueseminars_body .seminar_block .seminar_list ul .instance .instance_body .description p {
        color: #888;
        font-size: 80%; }
    #vueseminars_body .seminar_block .seminar_list ul .instance.blurred {
      filter: blur(2px);
      opacity: 0.75; }
  #vueseminars_body .seminar_block .seminar_list.hideblur .blurred {
    display: none; }
  #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar {
    height: 80px; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_head {
      height: 80px;
      width: 100%; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_head h2 {
      left: 80px;
      top: 10px;
      font-size: 90%;
      bottom: auto; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_head .seminar_head_icon {
      position: absolute;
      top: 10px;
      left: 10px;
      height: 60px;
      width: 60px;
      right: auto; }
      #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_head .seminar_head_icon img {
        width: 50px;
        height: 50px;
        margin: 5px; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_head .seminar_head_background {
      display: none; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_body {
      position: absolute;
      top: 25px;
      left: 80px;
      width: calc(100% - 80px);
      height: 80px; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_body .tags {
      padding: 0px;
      margin: 5px 0px; }
      #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_body .tags ul .tag {
        padding: 3px 5px;
        font-size: 50%; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_body .abstract {
      display: none; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_body .available {
      display: none; }
    #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar .seminar_body .cats {
      display: none; }
  @media (min-device-width: 768px) {
      #vueseminars_body .seminar_block .seminar_list ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between; }
        #vueseminars_body .seminar_block .seminar_list ul .seminar {
          flex: 0 0 calc(50% - 5px);
          margin: 5px 0px; }
      #vueseminars_body .seminar_block .seminar_list.list_view ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start; }
        #vueseminars_body .seminar_block .seminar_list.list_view ul .seminar {
          flex: 1 0 100%; } }
  @media (min-device-width: 1024px) {
      #vueseminars_body .seminar_block .seminar_list .responsive_filter_options {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
        background: rgba(0, 0, 0, 0.5); }
        #vueseminars_body .seminar_block .seminar_list .responsive_filter_options .v-btn {
          height: 30px;
          width: 30px;
          margin: 5px;
          min-width: 0px;
          border-radius: 0px;
          border: 2px solid whitesmoke;
          background: transparent; }
          #vueseminars_body .seminar_block .seminar_list .responsive_filter_options .v-btn .v-icon {
            font-size: 18px;
            color: whitesmoke; }
          #vueseminars_body .seminar_block .seminar_list .responsive_filter_options .v-btn.active {
            background: #095c80; }
          #vueseminars_body .seminar_block .seminar_list .responsive_filter_options .v-btn.disabled {
            opacity: 0.5;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; } }
  #vueseminars_body .filter_block {
    position: fixed;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    background: whitesmoke;
    left: 100vw;
    top: 0;
    z-index: 100; }
  #vueseminars_body .filter_block .filter_menu {
    padding: 50px;
    box-sizing: border-box;
    height: 100vh;
    overflow: auto; }
  #vueseminars_body .filter_block .filter_menu .cats, #vueseminars_body .filter_block .filter_menu .tags {
    width: 100%; }
    #vueseminars_body .filter_block .filter_menu .cats h3, #vueseminars_body .filter_block .filter_menu .tags h3 {
      margin-top: 20px;
      font-size: 100%; }
    #vueseminars_body .filter_block .filter_menu .cats ul, #vueseminars_body .filter_block .filter_menu .tags ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      list-style: none; }
    #vueseminars_body .filter_block .filter_menu .cats ul li, #vueseminars_body .filter_block .filter_menu .tags ul li {
      position: relative;
      color: whitesmoke;
      padding: 5px 15px;
      margin: 2px;
      font-size: 80%; }
    #vueseminars_body .filter_block .filter_menu .cats ul li.checked, #vueseminars_body .filter_block .filter_menu .tags ul li.checked {
      background: #095c80;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminars_body .filter_block .filter_menu .cats ul li:hover, #vueseminars_body .filter_block .filter_menu .tags ul li:hover {
      cursor: pointer;
      transform: scale(1.01);
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #vueseminars_body .filter_block .tags ul li {
    background: #084755; }
  #vueseminars_body .filter_block .cats ul li {
    background: #031d29; }
  #vueseminars_body .filter_block .filter_button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    background: whitesmoke;
    width: 30px;
    height: 30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  #vueseminars_body .filter_block .filter_button .v-btn {
    min-width: 0px;
    width: 30px;
    height: 30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  #vueseminars_body .filter_block .filter_close_button {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    background: whitesmoke; }
  #vueseminars_body .filter_block .filter_close_button .v-btn {
    min-width: 0px;
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    border: 2px solid #222;
    border-left: none; }
  #vueseminars_body .filter_block .sorts h2 {
    color: #444;
    font-size: 90%;
    font-weight: 300; }
    #vueseminars_body .filter_block .sorts h2 .v-icon {
      font-size: 15px; }
  #vueseminars_body .filter_block .sorts .sortoptions {
    margin: 20px auto; }
    #vueseminars_body .filter_block .sorts .sortoptions .v-btn {
      width: 100%;
      font-size: 60%;
      border-radius: 0px;
      color: whitesmoke;
      background: transparent;
      margin: 1px auto;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    #vueseminars_body .filter_block .sorts .sortoptions .v-btn:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #095c80;
      opacity: 0.65;
      z-index: -1; }
  #vueseminars_body .filter_block .filters h2 {
    color: #444;
    font-size: 90%;
    font-weight: 300; }
    #vueseminars_body .filter_block .filters h2 .v-icon {
      font-size: 15px; }
  #vueseminars_body .filter_block .filters .v-input {
    font-size: 80%; }
    #vueseminars_body .filter_block .filters .v-input label {
      font-size: 100%; }
  #vueseminars_body .filter_block .filters .filter_footer .err_filter {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px auto;
    background: #ff7f7f;
    font-size: 80%;
    color: whitesmoke; }
    #vueseminars_body .filter_block .filters .filter_footer p {
      font-size: 80%;
      color: #888; }
    #vueseminars_body .filter_block .filters .filter_footer .v-input--checkbox .v-input__slot {
      background: #eee;
      padding: 10px;
      box-sizing: border-box; }
    #vueseminars_body .filter_block .filters .filter_footer .v-input--checkbox .v-input__slot label {
      display: block;
      text-align: center; }
    #vueseminars_body .filter_block .filters .filter_footer .nofilters {
      position: relative;
      display: flex;
      flex-flow: row wrap;
      align-content: center;
      margin: 20px auto;
      height: 50px;
      background: #eee; }
    #vueseminars_body .filter_block .filters .filter_footer .nofilters p {
      flex: 1 0 100%;
      margin-left: 60px; }
    #vueseminars_body .filter_block .filters .filter_footer .nofilters p strong {
      display: block;
      color: #222;
      margin: 3px auto; }
    #vueseminars_body .filter_block .filters .filter_footer .nofilters:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: url("../../../../fileadmin/images/icon/priority.png");
      background-size: 26px;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 2; }
    #vueseminars_body .filter_block .filters .filter_footer .nofilters:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: rgba(0, 0, 0, 0.15);
      z-index: 1; }
    #vueseminars_body .filter_block .filters .filter_footer .clearbutton {
      position: relative;
      width: 100%;
      height: 36px; }
    #vueseminars_body .filter_block .filters .filter_footer .clearbutton .v-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 36px;
      height: 36px;
      font-size: 24px;
      filter: invert(1);
      background: rgba(0, 0, 0, 0.15);
      z-index: 5; }
    #vueseminars_body .filter_block .filters .filter_footer .clearbutton .v-btn {
      width: 100%;
      background: #ff7f7f;
      font-size: 60%;
      color: whitesmoke;
      border-radius: 0px; }
  #vueseminars_body .filter_block.openFilter {
    transform: translateX(-100vw); }
  @media (min-device-width: 768px) {
    #vueseminars_body .filter_block {
      width: 400px;
      left: auto;
      right: 0;
      transform: translateX(100%); }
      #vueseminars_body .filter_block .filter_close_button {
        display: none;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        height: 100vh;
        width: 100vw;
        background: rgba(255, 255, 255, 0.5);
        background-blend-mode: blur(3px);
        z-index: -1;
        border: none; }
        #vueseminars_body .filter_block .filter_close_button .v-btn {
          border: none;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          height: 50vh;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      #vueseminars_body .filter_block.openFilter {
        transform: translateX(0);
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
        #vueseminars_body .filter_block.openFilter .filter_button {
          display: none; }
        #vueseminars_body .filter_block.openFilter .filter_close_button {
          display: block;
          transform: translate(0, 0); }
          #vueseminars_body .filter_block.openFilter .filter_close_button .v-btn {
            background: #444;
            transform: translate(-400px, -50%);
            color: whitesmoke; } }
  @media (min-device-width: 1024px) {
    #vueseminars_body .filter_block .filter_button {
      display: none; }

    #vueseminars_body .filter_block .filter_menu {
      overflow-x: hidden;
      width: calc(100% + 50px);
      padding-right: 80px; } }
  @media (min-device-width: 1024px) {
  #vueseminars_body {
    width: 80%;
    max-width: 1024px; } }

#topbar {
  z-index: 100 !important; }
  #topbar #languagemenu {
    z-index: 10 !important; }

#vueseminar_body {
  margin: 50px auto;
  width: 100%; }
  #vueseminar_body .single_seminar {
    width: 100%; }
  #vueseminar_body .single_seminar .single_seminar_head {
    position: relative;
    width: 100%;
    height: 60vh;
    z-index: 5; }
  #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 90%;
    height: 50vh;
    margin: auto;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.1), #031d29);
    z-index: 5;
    -webkit-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80%;
      transform: translate(-50%, -50%); }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_title {
      flex: 1 0 100%;
      order: 2;
      margin: 20px; }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_title h1 {
      text-align: center;
      font-size: 100%;
      color: whitesmoke;
      font-weight: 500;
      margin-bottom: 5px; }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_title h2 {
      text-align: center;
      font-size: 90%;
      color: #11adf0;
      font-weight: 300; }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_icon {
      flex: 0 0 50px;
      padding: 5px 0px;
      border-top: 1px solid #888;
      border-bottom: 1px solid #888; }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_icon img {
      width: 50px;
      height: 50px; }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_background {
      display: none; }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .date_info {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      position: absolute;
      left: 10%;
      bottom: 0;
      width: 80%;
      height: 30px;
      background: rgba(0, 0, 0, 0.5); }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .date_info p {
      font-size: 70%;
      color: #aaa;
      line-height: 30px;
      text-align: center; }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .date_info .v-icon {
      position: absolute;
      top: 0;
      right: 0;
      height: 30px;
      width: 30px;
      font-size: 20px;
      color: yellow; }
  #vueseminar_body .single_seminar .single_seminar_head .seminar_vid {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    transform: translateY(-50px);
    filter: blur(10px) saturate(120%) hue-rotate(-30deg); }
    #vueseminar_body .single_seminar .single_seminar_head .seminar_vid video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  @media (min-device-width: 768px) {
      #vueseminar_body .single_seminar .single_seminar_head {
        height: 40vh; }
        #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper {
          height: 35vh;
          width: 80%;
          left: 10%; }
          #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .date_info {
            width: 400px;
            left: 50%;
            transform: translateX(-50%); } }
  @media (min-device-width: 1024px) {
      #vueseminar_body .single_seminar .single_seminar_head {
        height: 60vh; }
        #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper {
          height: 50vh;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.15), #031d29); }
          #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper {
            justify-content: flex-start;
            transform: translate(-50%, 0); }
            #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_title {
              flex: 0 0 auto;
              text-align: left;
              margin-left: 20px; }
            #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_icon {
              flex: 0 0 80px;
              height: 80px;
              padding: 0px;
              border: 1px solid #888; }
              #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .inner_wrapper .seminar_icon img {
                width: 60px;
                height: 60px;
                margin: 10px; }
          #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper .date_info {
            left: auto;
            right: 0;
            transform: translateX(0);
            background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); } }
  @media (min-device-width: 1600px) {
      #vueseminar_body .single_seminar .single_seminar_head .seminar_head_wrapper {
        width: 60vw;
        left: 20vw; } }
  #vueseminar_body .single_seminar .single_seminar_body {
    position: relative;
    background: #031d29;
    padding: 30px 20px;
    box-sizing: border-box;
    z-index: 10;
    -webkit-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75); }
  #vueseminar_body .single_seminar .single_seminar_body .tagsandcats {
    width: 100%;
    background: rgba(0, 0, 0, 0.5); }
    #vueseminar_body .single_seminar .single_seminar_body .tagsandcats ul {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      list-style: none; }
    #vueseminar_body .single_seminar .single_seminar_body .tagsandcats ul li {
      margin: 2px;
      padding: 5px 10px;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      color: whitesmoke;
      font-size: 80%;
      text-align: center; }
    #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .tags ul {
      justify-content: flex-start; }
    #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .tags ul li {
      background: #084755; }
    #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .cats ul {
      justify-content: flex-end; }
    #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .cats ul li {
      background: black; }
  #vueseminar_body .single_seminar .single_seminar_body .pre_info {
    padding: 30px 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
    #vueseminar_body .single_seminar .single_seminar_body .pre_info h3 {
      font-size: 90%;
      font-weight: 300;
      margin-bottom: 15px;
      text-align: left;
      color: #11adf0; }
    #vueseminar_body .single_seminar .single_seminar_body .pre_info p {
      color: #aaa;
      font-size: 80%; }
  #vueseminar_body .single_seminar .single_seminar_body .margintb {
    margin: 20px auto; }
  #vueseminar_body .single_seminar .single_seminar_body .seminar_link {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    margin: 20px auto;
    min-height: 250px;
    overflow: hidden;
    transition: 0.3s;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
    #vueseminar_body .single_seminar .single_seminar_body .seminar_link h2 {
      color: #11adf0;
      flex: 1 0 100%;
      text-align: center;
      text-shadow: 1px 1px black; }
    #vueseminar_body .single_seminar .single_seminar_body .seminar_link p {
      color: whitesmoke;
      font-size: 100%;
      max-width: 80%;
      margin: 5px auto; }
    #vueseminar_body .single_seminar .single_seminar_body .seminar_link p.link {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 80%;
      width: 100%;
      max-width: 100%;
      background: rgba(0, 0, 0, 0.75);
      color: #ccc;
      text-align: center;
      height: 30px;
      line-height: 30px;
      box-sizing: border-box;
      margin: 0px; }
    #vueseminar_body .single_seminar .single_seminar_body .seminar_link p.link:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      background: url("../../../../fileadmin/images/icon/lessons.png");
      background-size: 20px;
      background-position: center;
      background-repeat: no-repeat;
      filter: invert(1); }
    #vueseminar_body .single_seminar .single_seminar_body .seminar_link .background_panel {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1;
      opacity: 0.75;
      filter: blur(2px); }
    #vueseminar_body .single_seminar .single_seminar_body .seminar_link:hover {
      cursor: pointer;
      border: 1px solid #aaa; }
    #vueseminar_body .single_seminar .single_seminar_body .seminar_link:hover .background_panel {
      transform: scale(1.05); }
  #vueseminar_body .single_seminar .single_seminar_body .instance_panel {
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100% - 40px);
    height: 100vh;
    transform: translateX(100%); }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .open_button {
      position: absolute;
      background: whitesmoke;
      width: 30px;
      height: 30px;
      top: 50%;
      left: -30px;
      transform: translateY(-50%);
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      z-index: 3;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .open_button .v-icon {
      color: #031d29;
      font-size: 24px;
      margin: 3px; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .close_button {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      width: 40px;
      height: 100vh;
      left: -40px;
      top: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      background: whitesmoke;
      z-index: 3;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper {
      width: 100%;
      height: auto;
      height: 100vh;
      padding: 50px 20px;
      box-sizing: border-box;
      overflow-y: auto;
      overflow-x: hidden; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper p {
      font-size: 80%;
      color: #444; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper h2 {
      font-size: 100%;
      font-weight: 700;
      color: #095c80; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .infotext {
      margin: 10px auto 5px auto; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .infotext p {
      color: #888; }
      #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .infotext p.count {
        color: #222;
        font-weight: 500;
        margin: 20px auto 0px auto; }
        @media (min-device-width: 1024px) {
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .infotext p.count {
              color: whitesmoke;
              margin: 20px auto 0px 5px; } }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul {
      list-style: none; }
      #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance {
        margin: 10px auto;
        background: white;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
        #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_head {
          position: relative;
          width: 100%;
          height: 140px;
          z-index: 1; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_head .title {
            position: absolute;
            left: 5px;
            bottom: 5px;
            width: calc(100% - 50px);
            z-index: 3; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_head .title h2 {
              font-size: 100%;
              font-weight: 500;
              color: whitesmoke;
              text-shadow: 1px 1px black; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_head .lang {
            position: absolute;
            right: 0;
            bottom: 5px;
            width: 40px;
            height: 30px;
            z-index: 3;
            -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_head .lang img {
              position: absolute;
              top: 1.5px;
              left: 10px;
              width: 20px;
              height: 20px;
              z-index: 2; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_head .lang .v-icon {
              position: absolute;
              top: 0;
              left: 0;
              width: 40px;
              height: 30px;
              font-size: 30px;
              transform: scaleX(-1);
              color: white; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_head .image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            filter: blur(1px);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 1; }
        #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body {
          position: relative;
          padding: 10px;
          box-sizing: border-box;
          -webkit-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
          z-index: 3; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .dates {
            width: 100%;
            margin: 5px auto; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .dates .date {
              display: inline;
              border: 1px solid #ff4949;
              background: #ff7f7f;
              color: whitesmoke;
              padding: 5px;
              font-size: 80%;
              font-weight: 500; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .dates p {
              margin: 10px 0px; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .earlybird {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            background: lightseagreen; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .earlybird p {
              flex: 1 0 auto;
              text-align: center;
              color: white;
              line-height: 30px; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .earlybird .v-icon {
              flex: 0 0 30px;
              justify-self: flex-end;
              color: white;
              font-size: 15px;
              height: 30px; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .divider {
            background: transparent;
            width: 100%;
            height: 30px; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .count {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            background: #095c80;
            height: 30px; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .count p {
              height: 30px;
              line-height: 30px;
              text-align: right;
              color: whitesmoke;
              padding-right: 30px; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body .count .v-icon {
              position: absolute;
              right: 0;
              top: 0;
              width: 30px;
              height: 30px;
              font-size: 20px;
              color: whitesmoke; }
        #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance:hover {
          cursor: pointer;
          transform: scale(1.02);
          border: 1px solid #11adf0; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel.open {
      transform: translateX(0);
      transition: 0.3s; }
    #vueseminar_body .single_seminar .single_seminar_body .instance_panel.open .close_button {
      opacity: 1;
      pointer-events: all; }
    @media (min-device-width: 768px) {
      #vueseminar_body .single_seminar .single_seminar_body .instance_panel {
        width: 400px; }
        #vueseminar_body .single_seminar .single_seminar_body .instance_panel .close_button {
          width: 100vw;
          left: auto;
          right: 0;
          transition: opacity 0.3s ease 0.3s; } }
  #vueseminar_body .single_seminar .single_seminar_body .request_information {
    display: none; }
  #vueseminar_body .single_seminar .single_seminar_body .request_panel {
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100% - 40px);
    height: 100vh;
    transform: translateX(100%); }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .open_button {
      position: absolute;
      background: whitesmoke;
      width: 30px;
      height: 30px;
      top: calc(50% + 40px);
      left: -30px;
      transform: translateY(-50%);
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      z-index: 3;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .open_button .v-icon {
      color: #031d29;
      font-size: 24px;
      margin: 3px; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .close_button {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      width: 40px;
      height: 100vh;
      left: -40px;
      top: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      background: whitesmoke;
      z-index: 3;
      padding: 50px;
      box-sizing: border-box;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      overflow: auto; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper h2 {
      font-size: 100%;
      color: #095c80;
      margin-top: 30px; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper p {
      font-size: 80%;
      color: 888;
      margin: 20px auto; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form {
      margin-top: 20px;
      padding: 30px 10px 10px 10px;
      border-top: 1px solid #095c80; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form label {
      font-size: 90%; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form .v-input {
      font-size: 80%; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form .hint {
      position: relative;
      font-size: 80%;
      padding: 10px;
      box-sizing: border-box;
      color: whitesmoke; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form .hint:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #095c80;
      opacity: 0.3;
      z-index: -1; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form .v-picker .v-date-picker-header__value button {
      font-size: 80%; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form .dataprotection {
      margin-top: 0px;
      font-size: 70%;
      color: #aaa; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form .dataprotection a {
      color: #11adf0;
      text-decoration: none; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .v-form .submit {
      width: 100%;
      border-radius: 0px;
      background: #095c80;
      color: white;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel.open {
      transform: translateX(0);
      transition: 0.3s; }
    #vueseminar_body .single_seminar .single_seminar_body .request_panel.open .close_button {
      opacity: 1;
      pointer-events: all; }
    @media (min-device-width: 768px) {
      #vueseminar_body .single_seminar .single_seminar_body .request_panel {
        width: 400px; }
        #vueseminar_body .single_seminar .single_seminar_body .request_panel .close_button {
          width: 100vw;
          left: auto;
          right: 0;
          transition: opacity 0.3s ease 0.3s; } }
  @media (min-device-width: 768px) {
      #vueseminar_body .single_seminar .single_seminar_body {
        padding: 50px 10%; }
        #vueseminar_body .single_seminar .single_seminar_body .pre_info {
          padding: 50px; }
        #vueseminar_body .single_seminar .single_seminar_body .seminar_link {
          margin: 30px auto; } }
  @media (min-device-width: 1024px) {
      #vueseminar_body .single_seminar .single_seminar_body {
        display: flex;
        flex-flow: row wrap;
        justify-content: center; }
        #vueseminar_body .single_seminar .single_seminar_body .tagsandcats {
          flex: 0 0 200px;
          background: transparent; }
          #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .tags ul {
            flex-flow: column wrap;
            align-content: stretch;
            justify-content: flex-start;
            padding: 0px 5px; }
            #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .tags ul li {
              padding: 8px 10px; }
          #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .cats {
            height: 100%; }
            #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .cats ul {
              height: 100%;
              flex-flow: column wrap;
              align-content: stretch;
              justify-content: flex-end;
              padding: 0px 5px; }
            #vueseminar_body .single_seminar .single_seminar_body .tagsandcats .cats ul li {
              padding: 8px 10px; }
        #vueseminar_body .single_seminar .single_seminar_body .pre_info {
          flex: 0 0 calc(100% - 400px);
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        #vueseminar_body .single_seminar .single_seminar_body .seminar_link {
          margin: 80px auto;
          -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
          #vueseminar_body .single_seminar .single_seminar_body .seminar_link span {
            display: flex;
            flex-flow: row wrap;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            justify-content: flex-start;
            align-content: center;
            left: 10%;
            height: 50%; }
            #vueseminar_body .single_seminar .single_seminar_body .seminar_link span h2 {
              text-align: left; }
            #vueseminar_body .single_seminar .single_seminar_body .seminar_link span p {
              flex: 1 0 100%;
              text-align: left;
              margin: 5px 0px; }
            #vueseminar_body .single_seminar .single_seminar_body .seminar_link span p.link {
              flex: 0 0 auto;
              width: 300px;
              position: relative;
              display: inline-block;
              margin: 10px 0px; }
        #vueseminar_body .single_seminar .single_seminar_body .pre_info.margintb {
          flex: 1 0 100%;
          padding: 0px;
          background: transparent;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        #vueseminar_body .single_seminar .single_seminar_body .instance_panel {
          position: relative;
          width: 100%;
          margin: 20px auto;
          transform: translateX(0);
          background: transparent;
          height: auto; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu {
            position: relative;
            width: 100%;
            height: auto;
            background: rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
            box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper {
              height: auto;
              position: relative;
              overflow: visible; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper p {
              color: #aaa; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper h2 {
              color: #11adf0; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .infotext p {
              max-width: 500px;
              color: #aaa;
              margin: 20px 0px; }
            #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul {
              display: flex;
              flex-flow: row wrap;
              justify-content: flex-start; }
              #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance {
                position: relative;
                flex: 0 0 48%;
                margin: 5px;
                background: #eee; }
                #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_menu_wrapper .instance_list ul .instance .instance_body {
                  height: 140px;
                  background: #eee; }
          #vueseminar_body .single_seminar .single_seminar_body .instance_panel .close_button, #vueseminar_body .single_seminar .single_seminar_body .instance_panel .open_button {
            display: none; }
        #vueseminar_body .single_seminar .single_seminar_body .request_information {
          display: block;
          background: rgba(0, 0, 0, 0.15);
          margin: 20px auto;
          width: 100%;
          padding: 30px;
          box-sizing: border-box;
          -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
          box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
          #vueseminar_body .single_seminar .single_seminar_body .request_information h3 {
            color: #11adf0;
            font-weight: 500;
            font-size: 90%; }
          #vueseminar_body .single_seminar .single_seminar_body .request_information p {
            margin: 20px auto;
            font-size: 80%;
            color: #aaa; }
          #vueseminar_body .single_seminar .single_seminar_body .request_information .v-btn {
            background: #095c80;
            color: white;
            border-radius: 0px;
            font-size: 80%;
            -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
        #vueseminar_body .single_seminar .single_seminar_body .request_panel {
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          transform: translateX(0);
          background: transparent;
          pointer-events: none;
          opacity: 0;
          z-index: 50; }
          #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 500px;
            padding: 0px;
            height: 80vh;
            z-index: 2;
            overflow: hidden;
            -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
            #vueseminar_body .single_seminar .single_seminar_body .request_panel .panel_wrapper .helpspan {
              position: relative;
              display: block;
              overflow-y: auto;
              overflow-x: hidden;
              width: calc(100% + 50px);
              height: 80vh;
              padding: 50px 100px 50px 50px; }
          #vueseminar_body .single_seminar .single_seminar_body .request_panel .close_button {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            backdrop-filter: blur(3px); }
          #vueseminar_body .single_seminar .single_seminar_body .request_panel .open_button {
            position: absolute;
            top: calc(10vh + 15px);
            left: calc(50% + 250px);
            border-radius: 0px; }
          #vueseminar_body .single_seminar .single_seminar_body .request_panel.open {
            opacity: 1;
            pointer-events: all; } }
  @media (min-device-width: 1280px) {
      #vueseminar_body .single_seminar .single_seminar_body {
        padding: 80px 20%; } }
  @media (min-device-width: 1920px) {
      #vueseminar_body .single_seminar .single_seminar_body .instance_panel .instance_menu .instance_list ul .instance {
        flex: 0 0 32% !important; } }
  #vueseminar_body #v-popups {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 99999999999999991433150857216; }
  #vueseminar_body #v-popups .msg_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    pointer-events: all; }
  #vueseminar_body #v-popups .msg_popup .pop_body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90vh;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(3px);
    z-index: 10;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    border-radius: 5px; }
    #vueseminar_body #v-popups .msg_popup .pop_body .success .pop_head {
      width: calc(100% - 20px);
      margin: 10px;
      height: 40px;
      background: #095c80; }
    #vueseminar_body #v-popups .msg_popup .pop_body .success .pop_head h2 {
      line-height: 40px;
      color: whitesmoke;
      font-size: 110%;
      font-weight: 500;
      padding-left: 20px; }
    #vueseminar_body #v-popups .msg_popup .pop_body .warn .pop_head {
      width: calc(100% - 20px);
      margin: 10px;
      height: 40px;
      background: #ff7f7f; }
    #vueseminar_body #v-popups .msg_popup .pop_body .warn .pop_head h2 {
      line-height: 40px;
      color: whitesmoke;
      font-size: 110%;
      font-weight: 500;
      padding-left: 20px; }
    #vueseminar_body #v-popups .msg_popup .pop_body .close_button {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 30px;
      height: 30px;
      border: 1px solid whitesmoke;
      z-index: 10; }
    #vueseminar_body #v-popups .msg_popup .pop_body .close_button .v-icon {
      width: 30px;
      height: 30px;
      font-size: 20px;
      color: whitesmoke; }
    #vueseminar_body #v-popups .msg_popup .pop_body p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: auto;
      padding: 50px;
      font-size: 90%;
      color: #eee;
      box-sizing: border-box; }
    #vueseminar_body #v-popups .msg_popup .pop_body p a {
      color: #11adf0;
      text-decoration: none; }
    #vueseminar_body #v-popups .msg_popup .pop_body .v-btn {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 10px;
      width: 400px;
      background: linear-gradient(125deg, white, #f7f9ef);
      color: #222;
      border-radius: 0px;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    @media (min-device-width: 768px) {
      #vueseminar_body #v-popups .msg_popup .pop_body {
        width: 80%;
        height: 80vh; } }
    @media (min-device-width: 1024px) {
      #vueseminar_body #v-popups .msg_popup .pop_body {
        width: 600px;
        height: 400px; } }
  #vueseminar_body #v-popups .msg_popup .removebg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 1; }
  #vueseminar_body #v-popups .v-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none; }
  #vueseminar_body #v-popups .v-popup .v-popup_wrapper {
    position: absolute;
    width: 90%;
    height: 90vh;
    top: 5vh;
    left: 5vw;
    background: whitesmoke;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 5;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .close_button {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 30px;
      height: 30px;
      border: 1px solid black;
      z-index: 10; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .close_button .v-icon {
      width: 30px;
      height: 30px;
      font-size: 20px;
      color: black; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head {
      position: relative;
      min-height: 340px;
      z-index: 1; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .head_content {
      width: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 5; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .head_content h2 {
      color: whitesmoke;
      font-size: 100%; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .head_content .tags {
      margin: 5px auto; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .head_content .tags ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      list-style: none; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .head_content .tags ul li {
        font-size: 80%;
        color: whitesmoke;
        padding: 5px 10px;
        margin: 2px;
        background: #084755;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .v-popup_menu {
      position: absolute;
      left: 3px;
      bottom: 3px;
      z-index: 3; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .v-popup_menu ul {
      display: flex;
      flex-flow: row wrap-reverse;
      justify-content: flex-start;
      list-style: none;
      padding: 5px;
      box-sizing: border-box; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .v-popup_menu ul li {
      font-size: 80%;
      color: black;
      padding: 5px 10px;
      margin: 3px 3px 0px 3px;
      background: rgba(255, 255, 255, 0.5); }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .v-popup_menu ul li.active {
        background: rgba(255, 255, 255, 0.95);
        outline: 1px solid #222; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .popup_vid {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .popup_vid video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: blur(5px); }
    @media (min-device-width: 768px) {
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .head_content {
          width: 60%; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_head .v-popup_menu {
          left: 15%; } }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body {
      position: relative;
      background: whitesmoke;
      padding: 30px 20px;
      margin-top: -5px;
      z-index: 5;
      -webkit-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75); }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel {
      width: 100%;
      max-width: 500px;
      top: 0;
      left: 50% !important;
      display: none;
      position: absolute;
      padding: 20px;
      box-sizing: border-box;
      transform: translateX(150%); }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel.open {
      transform: translateX(-50%);
      display: block;
      transition: 0s; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits {
      width: 100%; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait {
      margin: 10px auto; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait h2 {
        font-size: 100%;
        color: #031d29;
        margin: 5px auto; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait h4 {
        font-size: 80%;
        color: #095c80;
        padding-bottom: 5px;
        margin: 10px auto 5px auto;
        border-bottom: 1px solid #888; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait p.singleline {
        color: black;
        font-size: 80%; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait p.text {
        color: #444;
        font-size: 80%; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait p.label {
        font-size: 70%;
        font-weight: 500;
        color: black;
        margin-bottom: 3px; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .rating span .v-icon {
        color: #095c80; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .block {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .block img {
          flex: 0 0 30px;
          height: 30px; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .block p {
          flex: 0 0 auto;
          margin-left: 10px;
          line-height: 30px;
          font-size: 80%; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .block p.chip {
            padding: 0px 20px;
            background: #031d29;
            color: whitesmoke;
            box-sizing: border-box;
            margin: 0px;
            -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .line {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        width: calc(100% + 60px);
        margin-left: -30px;
        background: #ddd;
        height: 40px; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .line p {
          flex: 1 0 auto;
          color: #888;
          font-size: 75%;
          text-align: center;
          margin-left: 30px;
          line-height: 40px; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .line p strong {
            color: #222;
            font-weight: 500; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .line .v-icon {
          flex: 0 0 40px;
          height: 40px;
          font-size: 20px;
          margin-right: 10px;
          color: #222; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .divider {
        height: 20px;
        width: 100%; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information {
        padding: 10px;
        box-sizing: border-box;
        background: #095c80;
        -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information h2 {
          color: whitesmoke; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .price {
          margin-bottom: 5px; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .price h3 {
            color: white;
            font-size: 80%;
            font-weight: 300;
            text-align: right; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .price h3 strong {
              font-size: 120%;
              font-weight: 600; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .discount {
          background: rgba(255, 255, 255, 0.85);
          margin: 3px auto;
          padding: 3px;
          box-sizing: border-box; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .discount p {
            color: #11adf0;
            font-size: 80%;
            font-weight: 300;
            text-align: right; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .result {
          margin-top: 10px;
          padding-top: 10px;
          border-top: 1px solid #aaa; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .result h3 {
            color: white;
            font-size: 80%;
            font-weight: 300;
            text-align: right; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .price_information .result h3 strong {
              font-size: 140%;
              font-weight: 600; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure_head {
        margin: 20px auto; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure_head p {
          font-size: 80%;
          color: #888; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure {
        position: relative;
        padding: 30px 0px;
        border-top: 1px solid #095c80;
        border-bottom: 1px solid #095c80; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure:before {
          content: '';
          position: absolute;
          top: 0;
          left: 20px;
          width: 2px;
          height: 100%;
          background: #095c80; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure .session {
          position: relative;
          background: white;
          width: calc(100% - 60px);
          max-width: 400px;
          margin: 20px 20px 20px auto;
          -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure .session:before {
            content: '';
            position: absolute;
            top: 15px;
            left: -24px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #11adf0;
            border: 1px solid #095c80; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure .session .session_wrapper .head_wrap {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start;
            background: #222;
            height: 40px;
            margin: 5px auto; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure .session .session_wrapper .head_wrap h2 {
              color: white;
              line-height: 40px;
              margin: 0;
              font-size: 90%;
              margin-left: 10px;
              font-weight: 500; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure .session .session_wrapper .head_wrap .date {
              position: absolute;
              font-size: 60%;
              padding: 0px 8px;
              background: linear-gradient(125deg, #095c80, #05374d);
              line-height: 30px;
              height: 30px;
              top: 5px;
              right: 5px;
              border-radius: 2px;
              color: whitesmoke; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .traits .trait .procedure .session .session_wrapper .description {
              padding: 5px 10px 10px 10px;
              box-sizing: border-box;
              font-size: 80%;
              color: #888;
              margin: 0px auto; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form {
      width: 100%;
      margin: 30px auto; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form p {
      font-size: 80%;
      color: #888; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .hint {
      background: #084755;
      padding: 10px;
      box-sizing: border-box;
      margin: 10px auto; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .hint p {
        color: whitesmoke;
        text-align: center; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .hint p strong {
          color: white; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .v-form {
      margin: 20px auto;
      padding: 20px;
      box-sizing: border-box;
      border: 1px solid #ddd;
      background: white; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .v-form label {
        font-size: 90%;
        color: #888; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .v-form .v-input {
        font-size: 80%;
        color: #444; }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .v-form .v-textarea {
        border-radius: 0px; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .payment, #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .dataprotection {
      background: #eee;
      color: #222;
      padding: 20px;
      box-sizing: border-box;
      font-size: 75%;
      -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .payment a, #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .dataprotection a {
        text-decoration: none;
        color: #11adf0; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .application_form .v-btn {
      background: #031d29;
      color: white;
      border-radius: 0px;
      width: 100%; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .description {
      margin: 20px auto; }
    #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_body .instance_sub_panel .description p {
      font-size: 80%;
      font-weight: 300;
      color: #444; }
    @media (min-device-width: 768px) {
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper {
        max-width: 600px;
        max-height: 800px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .instance_sub_panel {
          transition: 0s !important; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .instance_sub_panel.open {
          width: 70%;
          left: 15%;
          padding: 50px 0px;
          transition: 0s, transform 0.3s linear 0.3s !important; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .instance_sub_panel.open .traits .trait .line {
            width: 100%;
            margin: auto; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper .instance_sub_panel.open .traits .trait .price_information {
              padding: 30px; } }
  #vueseminar_body #v-popups .v-popup .closeback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1; }
  #vueseminar_body #v-popups .v-popup.open {
    opacity: 1;
    pointer-events: all; }
  @media (min-device-width: 1024px) {
      #vueseminar_body #v-popups .v-popup {
        background: rgba(0, 0, 0, 0.25); }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper {
          width: 90vw;
          height: 70vh;
          max-height: 1200px;
          max-width: 1920px;
          overflow: hidden; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper span {
            padding-right: 50px;
            overflow: hidden; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head {
              position: absolute;
              top: 0;
              left: 0;
              width: 400px;
              height: 100%;
              z-index: 10; }
              #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head:after {
                content: '';
                top: 0;
                right: -10px;
                width: 20px;
                height: 100%;
                background: whitesmoke;
                z-index: 1; }
              #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head .v-popup_menu {
                left: calc(400px - 90px);
                height: 100%;
                z-index: 2; }
                #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head .v-popup_menu ul {
                  width: 120px;
                  height: 100%;
                  flex-flow: row wrap;
                  align-content: center; }
                  #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head .v-popup_menu ul li {
                    flex: 1 0 100%;
                    font-size: 80%;
                    color: #eee;
                    background: rgba(0, 0, 0, 0.75); }
                    #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head .v-popup_menu ul li.active {
                      color: #222; }
                      #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head .v-popup_menu ul li.active:hover {
                        cursor: default;
                        transform: scale(1);
                        background: whitesmoke; }
                    #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_head .v-popup_menu ul li:hover {
                      cursor: pointer;
                      transform: scale(1.03);
                      transition: 0.1s;
                      background: #095c80; }
            #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_body {
              position: absolute;
              top: 0;
              left: 400px;
              width: calc(100% - 350px);
              padding-right: 50px;
              padding-left: 0px;
              height: 100%;
              overflow-y: auto;
              overflow-x: hidden; }
              #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_body .instance_sub_panel {
                width: calc(100% - 150px);
                left: 50px;
                min-height: 100%;
                height: 0;
                overflow: hidden; }
                #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_body .instance_sub_panel.spec_flex {
                  display: flex;
                  flex-flow: row wrap;
                  align-content: center; }
                  #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_body .instance_sub_panel.spec_flex .traits {
                    flex: 1 0 100%; }
                #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_body .instance_sub_panel .traits .trait .rating span {
                  padding: 0; }
                #vueseminar_body #v-popups .v-popup .v-popup_wrapper span .v-popup_body .instance_sub_panel.open {
                  height: auto; } }
  @media (min-device-width: 1280px) {
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper {
        width: 80vw; } }
  @media (min-device-width: 1376px) {
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper {
        width: 70vw; }
        #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_menu ul {
          width: 160px; }
          #vueseminar_body #v-popups .v-popup .v-popup_wrapper .v-popup_menu ul li {
            font-size: 100%; } }
  @media (min-device-width: 1920px) {
      #vueseminar_body #v-popups .v-popup .v-popup_wrapper {
        width: 60vw; } }

.v-menu__content {
  z-index: 20 !important; }

body.id230 {
  margin: 0; }
  body.id230 #head {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    overflow: hidden; }
  body.id230 #head #menu {
    display: none; }
  body.id230 #head #topbar.bm #logo {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    top: 0;
    left: 0;
    height: 30px;
    margin: 10px;
    transform: scale(1);
    filter: invert(1); }
    body.id230 #head #topbar.bm #logo h1 {
      position: relative;
      order: 2;
      line-height: 30px;
      height: 30px;
      font-size: 90%;
      margin: 0px 0px 0px 10px; }
    body.id230 #head #topbar.bm #logo img {
      position: relative;
      order: 1;
      top: 0;
      left: 0;
      height: 30px;
      transform: scale(1); }
  body.id230 #head .head_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 5; }
  body.id230 #head .head_content .frame header h2 {
    color: whitesmoke;
    text-shadow: 1px 1px black;
    font-weight: 300;
    font-size: 110%; }
    body.id230 #head .head_content .frame header h3 {
      color: #0f9ad6;
      font-weight: 500;
      font-size: 120%; }
    body.id230 #head .head_content .frame p {
      font-size: 90%;
      color: #ccc; }
    body.id230 #head .head_content .frame p a {
      display: inline-block;
      text-decoration: none;
      color: #0f9ad6;
      padding: 10px 30px;
      background: rgba(0, 0, 0, 0.5);
      margin: 10px 5px 0px 0px;
      border: 1px solid #084755; }
    body.id230 #head .head_content .frame p a:hover {
      cursor: pointer;
      background: rgba(255, 255, 255, 0.85);
      color: #095c80;
      border: 1px solid #095c80; }
  @media (min-width: 768px) {
      body.id230 #head .head_content {
        top: 45%;
        left: 15%;
        width: 60%;
        transform: translate(0); }
        body.id230 #head .head_content .frame header h2 {
          font-size: 160%; }
          body.id230 #head .head_content .frame header h3 {
            font-size: 180%;
            margin: 0px; }
          body.id230 #head .head_content .frame p {
            font-size: 100%;
            line-height: 30px; } }
  @media (min-width: 1024px) {
      body.id230 #head .head_content {
        max-width: 600px; } }
  body.id230 #head #particles-js {
    display: none;
    position: absolute;
    top: -5vh;
    left: -5vw;
    width: 110vw;
    height: 110vh;
    opacity: 0.75;
    mix-blend-mode: color-dodge;
    z-index: 3;
    filter: invert(1) blur(2px); }
  body.id230 #head #bgvid {
    position: absolute;
    top: 10vh;
    left: 0;
    width: 100vw;
    height: 80vh;
    filter: blur(1px);
    transform: scale(2);
    z-index: 0; }
  @media (min-width: 1024px) {
      body.id230 #head #bgvid {
        transform: scale(1.25); } }
  body.id230 #head #bgvid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left; }
  body.id230 #head:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(transparent, black);
    z-index: 1; }
  body.id230 .popup {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 90%;
    height: 80%;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(3px) saturate(50%);
    border: 1px solid #444;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  @media (min-width: 768px) {
    body.id230 .popup {
      border: none;
      left: 15%;
      width: 70%;
      height: 90%;
      top: 5%; } }
  @media (min-width: 1024px) {
    body.id230 .popup {
      left: auto;
      right: 3vw;
      width: 420px; } }
  body.id230 .popup #closebutton {
    background: url("../../../fileadmin/images/icon/close_small.png");
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat; }
  body.id230 .popup .frame {
    overflow: auto;
    height: 100%;
    min-height: 0px; }
  body.id230 .popup .frame .tx-powermail {
    background: transparent; }
    body.id230 .popup .frame .tx-powermail .container-fluid {
      margin: 20px auto;
      min-height: 0px; }
    body.id230 .popup .frame .tx-powermail .container-fluid h3 {
      color: #b1de80 !important;
      font-weight: 500;
      text-transform: none;
      text-align: left; }
    body.id230 .popup .frame .tx-powermail .container-fluid legend {
      display: block;
      color: #eee;
      font-size: 85%;
      font-weight: 100;
      padding: 0px; }
    @media (min-width: 1024px) {
          body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form {
            display: block; } }
    body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset {
      width: 90%;
      background: transparent; }
    body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset input {
      border: 1px solid #888; }
    body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset input:not(:placeholder-shown) {
      border: 1px solid #ff7f7f; }
    body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset input:valid {
      border: 1px solid lightseagreen; }
    body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset input[type=submit]:hover {
      cursor: pointer; }
    body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset textarea {
      background: transparent;
      border: 1px solid #888; }
    body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_content p {
      opacity: 1;
      height: auto;
      padding: 0;
      width: 100%; }
      body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_content p strong {
        color: #0f9ad6; }
      body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_content p a {
        background: transparent;
        border: none;
        color: #0f9ad6;
        padding: 0;
        margin: 0;
        display: inline-block;
        font-size: 100%; }
      body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_radio {
        margin: 20px 0px; }
      body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_radio label {
        display: block;
        font-size: 90%; }
      body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_radio input {
        display: block;
        margin: 10px;
        position: relative;
        appearance: none;
        border: 2px solid #095c80;
        background-color: rbga(255, 255, 255, 0.15);
        width: 30px;
        height: 30px; }
      body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_radio input:checked:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../../../fileadmin/images/icon/close.png");
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
        filter: invert(1); }
      body.id230 .popup .frame .tx-powermail .container-fluid .powermail_form fieldset .row .powermail_fieldwrap_type_radio input:hover {
        cursor: pointer; }
    body.id230 .popup .frame .tx-powermail .container-fluid #c49 h3 {
      position: relative;
      height: 30px;
      line-height: 30px; }
    body.id230 .popup .frame .tx-powermail .container-fluid #c49 h3 a {
      display: block;
      color: whitesmoke;
      background: rgba(0, 0, 0, 0.75);
      padding: 5px;
      border-bottom: 1px solid #aaa; }
      body.id230 .popup .frame .tx-powermail .container-fluid #c49 h3 a.active {
        background: transparent; }
      body.id230 .popup .frame .tx-powermail .container-fluid #c49 h3 a.active:after {
        top: 10px;
        left: 5px; }
    body.id230 .popup .frame .tx-powermail .container-fluid #c49 p {
      overflow: hidden;
      transition: 0s;
      height: 0;
      opacity: 0; }
    body.id230 .popup .frame .tx-powermail .container-fluid #c49 p.active {
      padding: 20px 10px;
      border: 1px solid #444;
      transition: 0s;
      opacity: 1;
      height: auto; }
    body.id230 .popup .frame .tx-powermail .container-fluid #c49 p a {
      padding: 5px !important;
      margin: 10px auto !important;
      background: #095c80;
      border: none;
      width: 100%;
      max-width: 100%;
      color: white; }
  body.id230 .footer {
    position: fixed;
    bottom: 10px;
    right: 50%;
    width: 100%;
    height: 30px;
    transform: translateX(50%);
    z-index: 1; }
  body.id230 .footer ul.footer-navbar {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    position: relative;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 30px; }
  @media (min-width: 1024px) {
      body.id230 .footer ul.footer-navbar {
        justify-content: flex-end;
        padding-right: 30px;
        box-sizing: border-box; } }
  body.id230 .footer ul.footer-navbar li {
    margin: 3px 10px; }
    body.id230 .footer ul.footer-navbar li a {
      text-decoration: none; }
    body.id230 .footer ul.footer-navbar li a .innerwrap h2 {
      margin: 0;
      line-height: 30px;
      color: whitesmoke;
      font-size: 90%;
      font-weight: 300; }
    body.id230 .footer ul.footer-navbar li:nth-child(3) {
      display: none; }

.simplebar-content-wrapper {
  overflow: auto !important; }

.simplebar-vertical {
  right: -10px !important;
  width: 3px !important;
  background: rgba(255, 255, 255, 0.25); }
  .simplebar-vertical .simplebar-scrollbar {
    background: #095c80;
    border-radius: 3px; }

#page.scholar #menu {
  opacity: 0;
  pointer-events: none; }
  #page.scholar #adecc {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    z-index: 5; }
  #page.scholar #adecc a {
    text-decoration: none;
    color: whitesmoke;
    border: 1px solid #11adf0;
    display: inline-block;
    width: auto;
    font-size: 90%;
    line-height: 30px;
    height: 30px;
    margin: 10px;
    padding: 0px 20px; }
  #page.scholar #adecc a:hover {
    border: 1px solid #095c80;
    background: #095c80; }
  #page.scholar #scholar_top {
    width: 100%;
    height: 100vh;
    background: linear-gradient(45deg, #5d289e, #11215c);
    z-index: 1; }
  #page.scholar #scholar_top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent, #06293b);
    opacity: 0.8;
    z-index: 2; }
  #page.scholar #scholar_top:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../../../fileadmin/images/scholar/banner_hochkant.jpg");
    background-position: bottom left;
    background-size: cover;
    z-index: 1; }
  @media (min-width: 1024px) {
      #page.scholar #scholar_top:after {
        background: url("../../../fileadmin/images/scholar/banner.jpg"); } }
  #page.scholar #scholar_top .innerwrap {
    position: absolute;
    width: 80%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3; }
  @media (min-width: 768px) {
      #page.scholar #scholar_top .innerwrap {
        max-width: 420px;
        top: 66%;
        left: 40%;
        transform: scale(1.1) translate(-50%, -50%);
        transform-origin: top left; } }
  @media (min-width: 1024px) {
      #page.scholar #scholar_top .innerwrap {
        top: 60%;
        left: 33%; } }
  @media (min-width: 1920px) {
      #page.scholar #scholar_top .innerwrap {
        left: 25%;
        transform: scale(1.15) translate(-50%, -50%); } }
  #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .logo_block {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .logo_block h1 {
      flex-basis: auto;
      font-size: 160%;
      color: white;
      font-weight: 300; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .logo_block h1 strong {
      color: whitesmoke;
      font-weight: 500; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .logo_block img {
      flex-basis: 60px;
      height: 60px;
      margin: 0px 20px; }
    @media (min-width: 768px) {
              #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .logo_block {
                justify-content: flex-start; } }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame h3 {
      font-size: 100%;
      margin-top: 20px;
      text-align: center;
      background-image: linear-gradient(90deg, #d2fa33, #54f281);
      background-clip: text;
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent; }
    @media (min-width: 768px) {
              #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame h3 {
                text-align: left;
                font-size: 140%;
                margin-top: 30px; } }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .loading_block {
      position: relative;
      width: 264px;
      height: 6px;
      margin: 5px auto;
      border: 2px solid #11adf0;
      transition: 0.5s; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .loading_block.load .loading_inner {
      background: #0f9ad6;
      width: 100%;
      transition: 7s; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .loading_block .loading_inner {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 66%;
      background: #11adf0; }
    @media (min-width: 768px) {
              #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame .loading_block {
                margin: 5px 0px; } }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame header {
      margin: 10px auto; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame header h2 {
      color: white;
      font-weight: 500;
      text-align: center;
      margin-bottom: 50px;
      padding-bottom: 20px; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame header h2:after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 50%;
      height: 1px;
      background: #ccc; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #title .frame p {
      color: whitesmoke;
      font-size: 90%; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p {
      display: flex;
      flex-flow: row wrap;
      margin: 30px auto;
      color: #ccc;
      font-size: 100%; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p strong {
      color: whitesmoke; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p:first-child {
      display: block; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p:first-child a {
      display: inline-block !important;
      background: transparent !important;
      padding: 0;
      text-decoration: none;
      color: white;
      font-weight: 700;
      padding-left: 18px;
      margin-left: 18px;
      padding-right: 0 !important; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p:first-child a:before {
      content: "";
      position: absolute;
      top: 50% !important;
      transform: translateY(-50%);
      height: 18px !important;
      width: 18px !important;
      left: -9px !important;
      background: url("../../../fileadmin/images/icon/twitch.png") !important;
      background-repeat: no-repeat;
      background-size: cover !important;
      filter: invert(0) !important; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p:first-child a:hover {
      color: #11adf0; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p a {
      border-radius: 5px;
      color: white;
      padding: 10px;
      text-decoration: none;
      box-sizing: border-box;
      text-align: center;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p a:nth-child(1) {
      background: #11adf0;
      display: block;
      padding-right: 10px;
      box-sizing: border-box;
      flex: 0 0 58%; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p a:nth-child(1):before {
      content: "";
      position: absolute;
      top: calc(50% + 5px);
      transform: translateY(-50%);
      height: 20px;
      width: 20px;
      right: 5px;
      background: url("../../../fileadmin/images/icon/arrowdown.png");
      background-repeat: no-repeat;
      background-size: 100%;
      filter: invert(1); }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p a:nth-child(1):hover {
      background: #f254da; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p a:nth-child(2) {
      display: block;
      flex: 0 0 40%;
      padding-right: 10px;
      background: #222;
      box-sizing: border-box; }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p a:nth-child(2):before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      height: 20px;
      width: 20px;
      right: 5px;
      background: url("../../../fileadmin/images/icon/imprint.png");
      background-repeat: no-repeat;
      background-size: 100%;
      filter: invert(1); }
    #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p a:nth-child(2):hover {
      background: #f254da; }
    @media (min-width: 768px) {
            #page.scholar #scholar_top .innerwrap #mainimg .textwrap #abstract p {
              font-size: 120%; } }
  #page.scholar #scholar_content {
    width: 100%;
    height: auto;
    min-height: 500px;
    box-sizing: border-box;
    background: linear-gradient(45deg, #5d289e, #06293b);
    border-top: 1px solid #11215c;
    z-index: 3;
    margin-top: -40px; }
  #page.scholar #scholar_content .scholar_verzeichnis {
    width: 100%;
    margin: 0px; }
  #page.scholar #scholar_content .scholar_verzeichnis .vz_head {
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    margin-top: -10px; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_head .frame {
      width: 100%; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_head .frame header {
      margin: 10px 10px 10px auto; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_head .frame header h2 {
      color: #ccc;
      font-size: 90%;
      height: 40px;
      line-height: 40px;
      font-weight: 100;
      text-align: right; }
  #page.scholar #scholar_content .scholar_verzeichnis .vz_body {
    width: 100%;
    margin: auto;
    margin-top: -10px;
    /*.frame-type-youtubevideo_pi1 {
     flex:1 0 100%;
     margin:3px 0px;
     * {
     outline:none;
     border:none;
     }
     header {
     width:100%;
     background:rgba(0,0,0,0.75);
     padding:5px 10px;
     box-sizing: border-box;
     h2 {
     color:whitesmoke;
     font-size:90%;
     font-weight:300;
     }
     }
     @media(min-width:768px) {
     flex:0 0 48%;
     margin:1%;
     }
     @media(min-width:1024px) {
     flex:0 0 32%;
     margin:0.5%;
     }
     }*/
    /*@media(min-width:768px){
     justify-content:flex-start;
     }*/ }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap {
      padding: 30px 0px;
      background: rgba(255, 0, 255, 0.15);
      -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr {
      width: 100%;
      margin: 30px auto;
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      padding: 10px 0px;
      background: rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
      box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("../../../fileadmin/images/scholar/hex_bg_pattern.jpg");
      opacity: 0.75;
      mix-blend-mode: multiply;
      z-index: 1; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr:nth-child(even):after {
      background-position-x: 25%; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr header {
      z-index: 3; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr header h2 {
      margin-top: 30px;
      color: whitesmoke;
      font-size: 110%;
      font-weight: 500;
      padding: 10px 30px; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr header h3 {
      font-size: 100%;
      margin-bottom: 20px;
      font-weight: 500;
      padding: 10px 30px;
      background-image: linear-gradient(90deg, #d2fa33, #54f281);
      background-clip: text;
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -webkit-text-fill-color: transparent;
      -moz-text-fill-color: transparent; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .yt_link.first_lesson {
      margin: 0px 0px 5px 20px;
      width: 680px;
      z-index: 10; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .yt_link.first_lesson header h2 {
      margin-left: 20px !important; }
    @media (min-width: 1600px) {
            #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .yt_link.first_lesson {
              width: 755px; } }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .yt_link.first_lesson:hover {
      cursor: pointer;
      transform: scale(1.01);
      transition: 0.3s;
      border: 2px solid #54f281;
      z-index: 14; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container {
      width: 100%;
      height: auto;
      margin-bottom: 10px;
      z-index: 11;
      overflow: visible; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container.disabled {
      pointer-events: none; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container.disabled .swiper-slide {
      pointer-events: all; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper {
      width: 100%;
      height: 100%;
      padding-left: 20px; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide {
      height: auto;
      z-index: 1; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide.yt_link .frame {
      z-index: 0;
      width: 100%;
      height: 100%; }
      #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide.yt_link .frame header {
        top: 0;
        bottom: auto;
        height: 100%;
        background: rgba(0, 0, 0, 0.25); }
      #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide.yt_link .frame header h2 {
        margin: 0px 0px 0px 45px !important; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide.yt_link:hover header {
      background: rgba(0, 0, 0, 0.1); }
      #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide.yt_link:hover:before {
        background-size: 70px;
        transition: 0.3s; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide * {
      outline: none;
      border: none; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide header {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.75);
      z-index: 3; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide header h2 {
      color: whitesmoke;
      font-size: 90%;
      padding: 10px;
      margin: 0 !important;
      box-sizing: border-box; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide .youtubeVideo.small {
      position: relative;
      width: 100%;
      height: 100%; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide .youtubeVideo.small figure {
      width: 100%;
      height: 100%; }
      #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide .youtubeVideo.small figure .videoWrapper {
        width: 100%;
        height: 100%;
        padding: 0 !important; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-wrapper .swiper-slide:hover {
      cursor: pointer;
      transform: scale(1.1);
      border: 2px solid #54f281;
      transition: 0.25s;
      transition-delay: 0s;
      z-index: 15; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-button-prev {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 100%;
      margin: 0;
      border-right: 1px solid #888;
      background: rgba(0, 0, 0, 0.25);
      transform: translate(0, 0);
      border: none;
      transition: 0.3s; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-button-prev.hidden {
      display: none; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-button-prev.activated {
      opacity: 1;
      pointer-events: all;
      transition: 0.3s; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-button-prev.activated:hover {
      background: rgba(0, 0, 0, 0.85);
      border-right: 1px solid #ccc;
      transition: 0.3s; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-button-next {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      width: 40px;
      height: 100%;
      margin: 0;
      border-left: 1px solid #888;
      background: rgba(0, 0, 0, 0.25);
      transform: translate(0, 0);
      border: none;
      transition: 0.3s; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-button-next.hidden {
      display: none; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .swiper-container .swiper-button-next:hover {
      background: rgba(0, 0, 0, 0.85);
      border-left: 1px solid #ccc;
      transition: 0.3s; }
    #page.scholar #scholar_content .scholar_verzeichnis .vz_body .rubr_wrap .rubr .frame-type-header {
      flex: 1 0 100%; }
  #popuparea.scholar .popup {
    transition: 0s; }
  #popuparea.scholar .popup.open {
    width: 90%;
    height: 90%;
    top: 5vh;
    left: 5vw;
    background: transparent;
    transition: 0s; }
  #popuparea.scholar .popup.open .frame:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.9;
    z-index: -1;
    backdrop-filter: blur(3px); }
  #popuparea.scholar .popup.open header {
    width: 80%; }
  #popuparea.scholar .popup.open h2 {
    color: white;
    margin-bottom: 0; }
  #popuparea.scholar .popup.open h3 {
    width: 100%;
    font-size: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: left;
    background-image: linear-gradient(90deg, #d2fa33, #54f281);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent; }
  #popuparea.scholar .popup.open p a {
    display: inline;
    padding: 0;
    background: transparent;
    color: #f254da; }
  #popuparea.scholar .popup.open p em {
    display: block;
    padding: 20px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #095c80;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    color: #11adf0; }
  #popuparea.scholar .popup.open #closebutton {
    position: absolute; }
  @media (min-width: 768px) {
    #popuparea.scholar .popup.open {
      width: 80%;
      left: 10%;
      right: auto;
      height: auto;
      max-height: 90%;
      top: 50%;
      transform: translateY(-50%); }
      #popuparea.scholar .popup.open .frame {
        min-height: 0; } }
  @media (min-width: 1024px) {
    #popuparea.scholar .popup.open {
      width: 40%;
      max-width: 520px;
      left: auto;
      right: 10vw;
      height: auto;
      max-height: 90%;
      top: 50%;
      transform: translateY(-50%); }
      #popuparea.scholar .popup.open .frame {
        min-height: 0; } }

#yt-warn {
  background: rgba(0, 0, 0, 0.9) !important; }
  #yt-warn .link_section .ok {
    border: 1px solid #54f281 !important;
    color: #54f281 !important; }

@media (min-width: 1280px) {
    .btt {
      right: 10px !important;
      bottom: 10px !important; } }

@font-face {
  font-family: "Montserrat";
  src: url('../../../fileadmin/fonts/Montserrat.ttf') format('truetype'); }

* {
  font-family: 'Montserrat', sans-serif !important;
  transition: 0.12s; }
/*.invisible {
 opacity:0;
 }
 .visible {
 opacity:1;
 }*/
body {
  width: 100%;
  background: #031d29;
  overflow-x: hidden;
  /*background:#222;*/ }
  body.unscrolled {
    /*-webkit-box-shadow: inset 0px 0px 93px 11px rgba(0,0,0,0.79);
     -moz-box-shadow: inset 0px 0px 93px 11px rgba(0,0,0,0.79);
     box-shadow: inset 0px 0px 93px 11px rgba(0,0,0,0.79);*/
    overflow: hidden;
    transition-delay: 0.3s; }
  body.id10 #sidemenu, body.id11 #sidemenu, body.id12 #sidemenu, body.id33 #sidemenu, body.id38 #sidemenu, body.id39 #sidemenu, body.id40 #sidemenu, body.id41 #sidemenu {
    display: none !important; }
  body.id149 {
    background: transparent; }
  body.id149:before {
    background: #031d29;
    z-index: -1;
    opacity: 0.35;
    mix-blend-mode: difference;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed; }
  body.id149:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: url("../../../fileadmin/images/abstract_6.JPG");
    background-size: cover;
    background-position: center;
    filter: invert(1) brightness(1.3) blur(8px);
    z-index: -2; }

#page {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100vh;
  overflow: hidden; }

#topbar {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 50px;
  -webkit-box-shadow: 0px 10px 38px -24px rgba(0, 0, 0, 0.75);
  /*border-bottom:1px solid black;*/
  -moz-box-shadow: 0px 10px 38px -24px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 38px -24px rgba(0, 0, 0, 0.75);
  z-index: 10; }
  #topbar:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5%;
    height: 100%;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0.1;
    filter: blur(10px);
    transition: 0.3s; }
  #topbar.scrolled:after {
    width: 100%;
    opacity: 0.9;
    -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
    transition: opacity 0.3s ease 0.1s, width 0.3s ease 0.3s; }
  #topbar.scrolled #menu #mobilemenu {
    transform: scale(0.8); }

#logo {
  position: absolute;
  top: 0;
  left: 50%;
  height: 60px;
  transform: translate(-50%, 0) scale(0.5);
  z-index: 12;
  /*.hexagon:before,
   .hexagon:after {
   content: "";
   position: absolute;
   z-index: 0;
   width: 42.43px;
   height: 42.43px;
   -webkit-transform: scaleY(0.5774) rotate(-45deg);
   -ms-transform: scaleY(0.5774) rotate(-45deg);
   transform: scaleY(0.5774) rotate(-45deg);
   background-color: inherit;
   left: 7.7868px;
   }
   .hexagon:before {
   top: -21.2132px;
   border-top: solid 1.4142px whitesmoke;
   border-right: solid 1.4142px whitesmoke;
   }
   .hexagon:after {
   bottom: -21.2132px;
   border-bottom: solid 1.4142px whitesmoke;
   border-left: solid 1.4142px whitesmoke;
   }*/ }
  #logo a {
    text-decoration: none; }
  #logo:hover {
    transform: translate(-50%, 0) scale(0.55);
    cursor: pointer;
    transition: 0.3s; }
  #logo:hover h1:nth-child(1) {
    color: #11adf0; }
  #logo:hover .hexagon {
    border-right: solid 2px whitesmoke;
    border-left: solid 2px whitesmoke; }
  #logo:hover .hexagon img {
    top: -50%;
    transition: top 0.3s ease-in 0.3s; }
  #logo .hexagon {
    flex: 0 0 30%;
    position: relative;
    max-width: 60px;
    min-width: 60px;
    height: 34.64px;
    /*background-color: #000000;*/
    margin: 17.32px 0;
    border-left: solid 1px whitesmoke;
    border-right: solid 1px whitesmoke;
    z-index: 1;
    overflow: hidden; }
  #logo a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
  #logo a h1 {
    color: white;
    flex: 0 0 30%;
    text-decoration: none;
    font-size: 100%;
    font-weight: 100;
    margin: 0px 10px; }
  #logo a h1:nth-child(1) {
    text-align: right;
    justify-self: flex-end;
    font-weight: 600; }
  #logo a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: auto;
    /*filter: invert(100);*/ }

.youtubeVideo figure {
  pointer-events: none; }

#yt-warn {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  max-width: 480px;
  padding: 30px;
  box-sizing: border-box;
  background: #095c80;
  z-index: 9999999;
  -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  #yt-warn h3 {
    font-size: 100%;
    color: white;
    margin: 10px auto; }
  #yt-warn p {
    font-size: 80%;
    color: whitesmoke;
    max-width: 400px; }
  #yt-warn p a {
    display: inline;
    text-decoration: none;
    color: #11adf0; }
  #yt-warn .link_section {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 10px auto;
    width: 100%; }
  #yt-warn .link_section button {
    flex: 0 0 48%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    transition: 0.3s;
    margin: 0px 3px;
    background: transparent; }
  #yt-warn .link_section button:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: 0.3s; }
  #yt-warn .link_section button:hover {
    transform: scale(1.03); }
    #yt-warn .link_section button:hover:after {
      opacity: 1; }
  #yt-warn .link_section .ok {
    border: 1px solid white;
    color: white; }
  #yt-warn .link_section .ok:after {
    background: #084755; }
  #yt-warn .link_section .notok {
    border: 1px solid #ff7f7f;
    color: #ff7f7f; }
  #yt-warn .link_section .notok:hover {
    border: 1px solid whitesmoke;
    color: whitesmoke; }
  #yt-warn .link_section .notok:after {
    background: #ff7f7f; }

.btt {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  z-index: 9;
  background: #095c80;
  border: 1px solid #095c80;
  -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
  .btt:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 4px solid whitesmoke;
    border-left: 4px solid whitesmoke;
    transform: translate(-50%, -25%) rotate(45deg); }
  .btt:hover {
    transform: scale(1.01);
    border: 1px solid whitesmoke;
    cursor: pointer; }

.fixed {
  position: fixed !important;
  top: 0; }

#popuparea {
  z-index: 1000; }

@media only screen and (min-width: 728px) {
  /*width:80% !important;*/
  .cnt {
    width: 80% !important;
    flex: 0 0 80% !important; }

  #maincnt .innerwrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: calc(80vh - 70px);
    transform: translate(-50%, -50%); }

  #opencnt .innerwrap .frame {
    top: 50%;
    left: 10%;
    max-width: 85%;
    transform: translate(0, -50%); }

  .content.se #cntflw_se .frame {
    max-width: 500px; }
    .content.se #cntflw_1 {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .content.se #cntflw_1 .switchbutton {
        flex: 1 0 50%;
        justify-self: flex-start;
        margin: 5px 0px; }
      .content.se #cntflw_1 .note {
        position: absolute;
        right: 0;
        top: -76px;
        width: 50%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        padding: 0;
        background: #031d29;
        border: none;
        font-size: 80%;
        max-width: 320px; }
    .content.se .tx-blog-post-list .post {
      flex: 0 0 48%;
      margin: 1%; }

  .tx-powermail {
    width: 80%; }

  #seminar_top .innerwrap #mainimg .textwrap {
    width: 60%; }

  #seminar_body {
    width: 90%; }

  #cntflw_2 {
    max-width: 90% !important; }
    #cntflw_2 .flx2 header h2 {
      width: 80%;
      text-align: left !important;
      margin: 10px auto !important; }
      #cntflw_2 .flx2 header h2:after {
        display: none; }
    #cntflw_2 .tx-blog-post-list .post {
      flex: 0 0 48% !important;
      margin: 1%; }

  .navbar li {
    flex: 0 0 75%; }

  .loneflx.el {
    flex: 1 0 100%;
    margin: 30px auto 50px auto !important; }

  .flx1.el .frame header {
    width: 50%;
    margin-top: 50px; }
    .flx1.el .frame header h2 {
      text-align: left !important;
      padding-left: 50px;
      margin: 20px 0px !important; }
    .flx1.el .frame header h2:after {
      display: none; }
    .flx1.el .frame p {
      text-align: left !important;
      padding-left: 50px;
      width: 50% !important;
      margin: 5px 0px !important; }
    .flx1.el .frame p strong {
      font-weight: 500;
      color: white; }
    .flx1.el .frame p a {
      width: 50% !important;
      text-align: center;
      margin: 20px 0px 50px 0px !important;
      height: 40px !important;
      line-height: 40px !important; }

  .flx2 {
    flex-grow: 0;
    flex-basis: calc(50% - 4px);
    margin: 2px; }

  .flx5 {
    flex-grow: 0;
    flex-basis: calc(50% - 12px);
    margin: 5px; }

  #footer .footermenu {
    width: 50%; }
    #footer .footermenu li {
      flex: 0 0 100%; }
    #footer #address {
      width: 50%; }
    #footer:before {
      content: '';
      position: absolute;
      top: 0;
      left: 25%;
      width: 50%;
      -webkit-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      border-top: 1px solid #888; } }

@media only screen and (min-width: 1024px) {
  /*#maincnt:after {
   content:'';
   position:absolute;
   top:0;
   left:0;
   width:100vw;
   height:calc(100vh - 70px);
   background:url("../../../fileadmin/images/back3.jpg");
   opacity:0.35;
   background-size:cover;
   background-position:center;
   background-repeat:no-repeat;
   filter:blur(0px);
   z-index:-1;
   transition:0.3s ease 0.3s;
   }*/
  #maincnt {
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none; }
    #maincnt::-webkit-scrollbar {
      display: none !important; }
    #maincnt:after {
      content: '';
      position: fixed;
      top: 10%;
      left: 10%;
      width: 80%;
      height: 80%;
      border-top: 1px solid #0f9ad6;
      background: #095c80;
      opacity: 0.25;
      z-index: -1;
      pointer-events: none; }
    #maincnt .spec {
      position: absolute;
      top: 50%;
      left: 75%;
      transform: translate(-50%, -50%); }
    #maincnt .p1024 {
      display: block;
      color: white;
      width: 40%;
      opacity: 0;
      transform: scale(0.8) translate(-50%, -50%); }
      #maincnt .p1024 h1 {
        text-shadow: 3px 3px #031d29;
        text-align: center; }
      #maincnt .p1024 h3 {
        color: whitesmoke;
        padding: 15px;
        /*background:$primepaper;*/
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        text-align: center; }
      #maincnt .p1024 p {
        color: whitesmoke;
        margin: 3px 50px; }
    #maincnt .p1024.active {
      opacity: 1;
      transform: scale(1) translate(-50%, -50%);
      transition: 3s ease 3.5s; }
    #maincnt .innerwrap {
      flex-direction: column;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 90vw;
      height: 60vh;
      margin: 0;
      transform: translate(-50%, -50%);
      padding: 50px;
      filter: blur(0px);
      background: transparent;
      box-shadow: none; }
      #maincnt .innerwrap .el {
        /*background:linear-gradient(-120deg, transparent, $fourthfade, $fourthfade);*/
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 300px;
        flex: 1 0 100%;
        margin: 0px 15px !important;
        background: transparent !important;
        box-shadow: none;
        border: none;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none; }
        #maincnt .innerwrap .el::-webkit-scrollbar {
          display: none !important; }
        #maincnt .innerwrap .el:first-child {
          background: transparent !important; }
          #maincnt .innerwrap .el:first-child .frame {
            border: none; }
          #maincnt .innerwrap .el:first-child:after {
            display: none; }
        #maincnt .innerwrap .el:after {
          content: '';
          position: relative;
          height: 50px;
          width: 100%;
          bottom: 0;
          left: 0;
          background: transparent; }
        #maincnt .innerwrap .el .frame {
          flex: 1 0 100%;
          border-bottom: 1px solid white;
          margin: 0px;
          min-height: 100px;
          overflow: hidden; }
          #maincnt .innerwrap .el .frame .el {
            margin: 0 !important;
            height: auto; }
            #maincnt .innerwrap .el .frame a {
              display: block;
              width: 100%;
              height: 100%;
              -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
              -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
              box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
            #maincnt .innerwrap .el .frame a img {
              filter: invert(1); }
          #maincnt .innerwrap .el .frame h2 {
            font-size: 100%;
            text-align: left; }
            #maincnt .innerwrap .el .frame h2 a {
              margin-left: 10px; }
          #maincnt .innerwrap .el .frame blockquote {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: absolute;
            background: #095c80;
            width: 100%;
            height: 100%;
            -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
            box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
            #maincnt .innerwrap .el .frame blockquote a {
              box-shadow: none; }
        #maincnt .innerwrap .el .popup {
          display: block;
          position: relative;
          flex: 1 0 100%;
          height: auto;
          opacity: 1;
          background: transparent;
          pointer-events: all; }
          #maincnt .innerwrap .el .popup .frame {
            padding: 0; }
            #maincnt .innerwrap .el .popup .frame a {
              box-shadow: none; }
            #maincnt .innerwrap .el .popup .frame ul {
              opacity: 1;
              width: 100%;
              align-items: flex-start;
              flex-wrap: wrap;
              margin: 5px auto;
              height: auto !important;
              min-height: 0;
              pointer-events: all !important; }
              #maincnt .innerwrap .el .popup .frame ul li {
                display: flex;
                flex: 1 0 100%;
                padding: 20px;
                background: #095c80;
                -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
                #maincnt .innerwrap .el .popup .frame ul li h3 {
                  position: relative;
                  background: transparent;
                  width: 80%; }
                  #maincnt .innerwrap .el .popup .frame ul li h3 a {
                    margin: 0; }
                #maincnt .innerwrap .el .popup .frame .tx-powermail {
                  position: relative;
                  width: 100% !important;
                  height: auto;
                  background: transparent;
                  overflow: visible; }
              #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid {
                margin: 5px auto; }
                #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form h3 {
                  display: none; }
                  #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form fieldset {
                    width: calc(100% - 22px);
                    padding: 10px;
                    background: transparent;
                    background: #031d29; }
                    #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form fieldset .powermail_fieldwrap {
                      /*border:1px solid #aaa;*/
                      position: relative; }
                      #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form fieldset .powermail_fieldwrap .frame {
                        min-height: 75px; }
                      #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form fieldset .powermail_fieldwrap p {
                        display: none; }
                      #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form fieldset .powermail_fieldwrap img {
                        margin: 0;
                        width: 25px;
                        height: 25px; }
                      #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form fieldset .powermail_fieldwrap textarea {
                        background: transparent;
                        border: 1px solid whitesmoke; }
                      #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form fieldset .powermail_fieldwrap textarea:focus {
                        position: relative;
                        border: 1px solid #0f9ad6;
                        top: 0;
                        left: 0;
                        position: relative;
                        width: calc(80% - 20px);
                        transform: scale(1.02);
                        height: 140px;
                        -webkit-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
                        -moz-box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75);
                        box-shadow: inset 0px 0px 50px -25px rgba(0, 0, 0, 0.75); }
                  #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_2 {
                    display: none; }
                  #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_4 {
                    border: none; }
                  #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_3 #c49 h3 {
                    display: block;
                    position: relative;
                    background: transparent;
                    margin: 10px auto;
                    padding: 0; }
                    #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_3 #c49 h3 a {
                      display: block;
                      position: relative;
                      text-align: center;
                      margin: 0;
                      padding: 0;
                      line-height: 40px; }
                      #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_3 #c49 h3 a:after {
                        line-height: 40px; }
                    #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_3 #c49 p {
                      display: block; }
                    #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_3 #c49 p a {
                      margin: 10px auto !important;
                      border: 1px solid white;
                      padding: 10px 5px !important; }
                  #maincnt .innerwrap .el .popup .frame .tx-powermail .container-fluid form .powermail_fieldset_5 .powermail_fieldwrap_type_select label {
                    display: block;
                    margin: 20px auto 10px auto;
                    text-align: center; }
          #maincnt .innerwrap .el .popup .hidelink {
            display: block;
            text-decoration: none;
            border: 1px solid whitesmoke;
            color: whitesmoke;
            font-size: 90%;
            text-align: center;
            background: #031d29;
            margin: 10px auto;
            line-height: 50px;
            height: 50px;
            -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
          #maincnt .innerwrap .el .popup .snav {
            margin: 5px auto !important;
            flex-wrap: wrap;
            height: auto !important;
            min-height: 0px !important;
            opacity: 1;
            width: 100%;
            pointer-events: all !important; }
            #maincnt .innerwrap .el .popup .snav .selist {
              flex: 1 0 100%;
              margin: 5px auto;
              border: none; }
              #maincnt .innerwrap .el .popup .snav .selist a {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap; }
                #maincnt .innerwrap .el .popup .snav .selist a #min_title {
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  flex: 0 0 100%;
                  order: 2;
                  margin: 0px auto 5px auto;
                  min-height: 50px;
                  background: rgba(0, 0, 0, 0.5); }
                  #maincnt .innerwrap .el .popup .snav .selist a #min_title h2 {
                    width: calc(90% - 50px);
                    margin: 0 5px 0 5%;
                    position: relative;
                    text-align: left;
                    font-size: 90%;
                    color: whitesmoke;
                    height: auto;
                    padding: 10px 0px;
                    line-height: normal;
                    background: transparent; }
                #maincnt .innerwrap .el .popup .snav .selist a p {
                  display: none; }
                #maincnt .innerwrap .el .popup .snav .selist a .frame-type-image {
                  position: absolute;
                  top: 5px;
                  right: 10px;
                  width: 40px;
                  height: 40px;
                  min-height: 0;
                  margin: 0; }
                  #maincnt .innerwrap .el .popup .snav .selist a .frame-type-image img {
                    width: 100%;
                    margin: 0;
                    height: auto;
                    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
                    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
                #maincnt .innerwrap .el .popup .snav .selist a .tags {
                  order: 3;
                  width: 100%; }
                  #maincnt .innerwrap .el .popup .snav .selist a .tags ul {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    width: 90%;
                    margin: 10px auto;
                    height: auto;
                    min-height: 0;
                    opacity: 1; }
                    #maincnt .innerwrap .el .popup .snav .selist a .tags ul li {
                      flex-basis: auto;
                      padding: 5px;
                      flex-grow: 0;
                      border: 1px solid whitesmoke;
                      background: transparent;
                      margin: 2px;
                      font-size: 80%;
                      color: whitesmoke; }
                #maincnt .innerwrap .el .popup .snav .selist a .categories {
                  order: 4;
                  align-self: flex-end;
                  flex: 1 0 100%; }
                  #maincnt .innerwrap .el .popup .snav .selist a .categories ul {
                    display: flex !important;
                    flex-direction: row !important;
                    flex-wrap: wrap !important;
                    justify-content: flex-start;
                    width: 100% !important;
                    margin: 5px auto 0px auto;
                    height: auto !important;
                    min-height: 0 !important;
                    opacity: 1; }
                    #maincnt .innerwrap .el .popup .snav .selist a .categories ul li {
                      flex-basis: auto;
                      padding: 5px;
                      flex-grow: 1;
                      font-size: 80%;
                      border: none;
                      margin: 2px; }
                #maincnt .innerwrap .el .popup .snav .selist a .additionals {
                  display: none; }
        #maincnt .innerwrap .el #pop39 .frame {
          margin: 20px auto; }
          #maincnt .innerwrap .el #pop39 .frame header {
            width: calc(100% - 40px);
            background: rgba(0, 0, 0, 0.2);
            padding: 20px;
            margin: 10px auto 5px auto; }
            #maincnt .innerwrap .el #pop39 .frame header h2 {
              color: white;
              font-size: 100%;
              background: transparent;
              text-align: center;
              position: relative;
              height: auto;
              line-height: normal; }
          #maincnt .innerwrap .el #pop39 .frame p {
            width: calc(100% - 40px);
            background: rgba(0, 0, 0, 0.2);
            padding: 20px;
            margin: 5px auto; }
            #maincnt .innerwrap .el #pop39 .frame p a {
              background: transparent;
              border: 1px solid whitesmoke;
              margin: 10px auto; }
      #maincnt .innerwrap .scrldwn {
        width: 300px;
        height: 60vh;
        margin-left: 20px;
        margin-bottom: 0;
        margin-right: 50px; }
        #maincnt .innerwrap .scrldwn .grdfll {
          width: 100%;
          height: 0;
          background: white; }
      #maincnt .innerwrap .blcr {
        width: 250px; }

  #maincnt.active:after {
    filter: blur(5px);
    opacity: 0.15;
    transition: 3s ease 3s; }

  #maincnt.upped:after {
    opacity: 0;
    transition: 0s; }

  #opencnt .innerwrap .frame {
    left: 10%;
    max-width: 80%; }

  #sub_maincnt .frame {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
    #sub_maincnt .frame header {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      order: 2;
      position: relative;
      top: 15%;
      left: 20%;
      margin-left: 20px; }
      #sub_maincnt .frame header h2 {
        text-align: left; }
      #sub_maincnt .frame header h3 {
        text-align: left;
        margin: 5px 0px; }
    #sub_maincnt .frame img:nth-child(2) {
      position: relative;
      order: 1;
      left: 20%;
      top: 15%;
      transform: translate(0);
      filter: invert(1);
      border: 1px solid #888; }
    #sub_maincnt .frame:before {
      width: 80%;
      filter: invert(0); }

  .content.se {
    padding: 100px 0px; }
    .content.se #cntflw_se .frame {
      max-width: 500px;
      margin: 20px auto 20px 5%; }

  #seminar_top .innerwrap #mainimg .textwrap {
    width: 50%; }

  #seminar_body #sidemenu.se_sub {
    order: 2;
    overflow: hidden;
    position: relative;
    flex: 1 0 33%;
    right: auto;
    left: 0;
    box-shadow: none;
    margin-top: 40px;
    min-height: 0px; }
    #seminar_body #sidemenu.se_sub .icon {
      display: none; }
    #seminar_body #sidemenu.se_sub .innerwrap {
      height: auto;
      overflow: visible; }
      #seminar_body #sidemenu.se_sub .innerwrap .chainbx.leader .associates {
        min-height: 0px; }
        #seminar_body #sidemenu.se_sub .innerwrap .chainbx.leader .associates .tx-powermail {
          box-shadow: none; }
          #seminar_body #sidemenu.se_sub .innerwrap .chainbx.leader .associates .tx-powermail form {
            width: 100%; }
    #seminar_body #mainbx_se {
      order: 1;
      flex: 1 0 66%; }

  .tx-powermail .container-fluid form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .tx-powermail .container-fluid form h3 {
      flex: 1 0 100%; }
    .tx-powermail .container-fluid form fieldset {
      flex: 0 0 48%;
      margin: 5px !important; }
      .tx-powermail .container-fluid form fieldset:last-of-type {
        border: none; }

  #cntflw_2 .tx-blog-post-list {
    width: 90% !important;
    margin: 5px auto !important; }

  .blogcontent #blogheader .frame header h2 {
    text-align: center; }
    .blogcontent #blogheader .frame header h3 {
      text-align: center;
      color: #0f9ad6; }
    .blogcontent #subcnt .cnt {
      max-width: 75%; }
    .blogcontent #subcnt #cntflw_3.cnt .frame {
      flex: 0 0 48%;
      padding: 20px;
      box-sizing: border-box; }

  .navbar {
    width: 40vw;
    background: linear-gradient(-225deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.65)); }
    .navbar li {
      flex: 0 0 85%; }
    .navbar .untermenu li {
      border: none !important;
      flex: 1 0 45% !important;
      height: 120px !important; }

  .navbar.open {
    transform: translateX(-40vw); }

  .flx1.el .frame:before {
    width: 60% !important;
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
    .flx1.el .frame:after {
      opacity: 1 !important;
      width: 40% !important;
      right: 0;
      left: auto !important; }

  .flx5 {
    flex-grow: 0;
    flex-basis: calc(33% - 6px);
    margin: 2px; }

  #footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-direction: row-reverse; }
    #footer .footermenu {
      flex: 0 0 45%;
      align-content: center; }
    #footer .footermenu li {
      flex: 0 0 100%;
      height: auto;
      line-height: normal;
      padding: 0;
      background: transparent;
      text-align: left; }
    #footer .footermenu li a {
      font-size: 80%; }
    #footer .footermenu li a:hover {
      transform: scale(1.01);
      color: #11adf0 !important; }
    #footer #address {
      flex: 0 0 45%;
      margin: 30px auto;
      align-content: center; }
    #footer #address p {
      text-align: right !important; }
    #footer #address p a {
      display: inline;
      width: auto;
      color: #11adf0 !important;
      text-align: right !important;
      margin: 10px 0px !important;
      border: none !important;
      height: auto !important;
      line-height: normal !important; }
    #footer #address p a:hover {
      transform: scale(1.03); }
    #footer #address p a:hover:after {
      width: 100%;
      opacity: 1;
      transition: 0.3s; }
    #footer #address p a:after {
      content: '';
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      height: 1px;
      width: 0px;
      border: 1px solid #11adf0;
      opacity: 0;
      transition: 0.3s; }
    #footer:before {
      content: '';
      position: absolute;
      top: 0;
      left: 25%;
      width: 50%;
      -webkit-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px -15px 25px -15px rgba(0, 0, 0, 0.75);
      border-top: 1px solid #888; }

  #cookiebox .innerwrap {
    left: auto;
    right: 0;
    height: 100vw;
    transform: translate(0, -50%); } }

@media only screen and (min-width: 1280px) {
  #maincnt .p1024 {
    left: auto;
    right: 100px;
    width: calc(100vw - 5vw - 30% - 100px - 100px);
    transform: translate(0, -50%) !important; }
    #maincnt .p1024 p {
      margin: 3px 50px; }
    #maincnt .innerwrap {
      /*width:90%;
       height:calc(80vh - 70px);
       min-width:360px;
       left:5vw;*/
      /*@include outershadow;*/ }

  #mobilemenu {
    position: fixed;
    top: 25vh !important;
    right: calc(5vw - 30px) !important;
    height: 50vh !important;
    width: 60px !important;
    border: none !important;
    /*background-color:rgba(0,0,0,0.25);*/
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
    transition: 0.5s; }
    #mobilemenu:hover {
      cursor: pointer; }
    #mobilemenu:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      height: 0.1%;
      width: 0.1%;
      opacity: 0;
      border-top: 1px solid #095c80;
      border-right: 1px solid #095c80;
      transition: 0.8s;
      will-change: width, height, opacity; }
    #mobilemenu:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 0.1%;
      height: 0.1%;
      opacity: 0;
      border-left: 1px solid #095c80;
      border-bottom: 1px solid #095c80;
      transition: 0.8s;
      will-change: width, height, opacity; }
    #mobilemenu span:first-child {
      margin-top: calc(25vh - 6px); }
    #mobilemenu.active {
      transform: translateX(8vw) scale(0.8) !important;
      transition: 0.3s ease 0s; }
    #mobilemenu.hovered {
      /*right: calc(30vw + 20px);
       top:25vh;
       height:50vh;
       width:60px;*/
      /*background-color:rgba(0,0,0,0.25);*/
      border: none !important;
      background: rgba(0, 0, 0, 0.15);
      backdrop-filter: blur(10px);
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      transition: 0.5s, transform 0.5s ease 0.3s; }
    #mobilemenu.hovered:after {
      /*span {
       display:block !important;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%,-50%);
       width:30px;
       height:30px;
       border-radius:50%;
       opacity:0.35;
       border:2px solid whitesmoke;
       border-left-color:#888;
       animation: rotate-loader 1s linear infinite;
       background:transparent;
       &:first-child {
       display:none !important;
       }
       &:last-child {
       display:none !important;
       }
       }*/
      opacity: 1;
      width: 100%;
      height: 100%;
      transition: opacity 0s linear 0s, width 0.3s linear 0s, height 0.3s linear 0.5s; }
    #mobilemenu.hovered:before {
      opacity: 1;
      width: 100%;
      height: 100%;
      transition: opacity 0s linear 0s, width 0.3s linear 0s, height 0.3s linear 0.5s; }
    #mobilemenu.hovered:hover {
      cursor: pointer; }
@keyframes rotate-loader {
      from {
        transform: translate(-50%, -50%) rotate(0); }
      to {
        transform: translate(-50%, -50%) rotate(360deg); } }
  #subcnt #cntflw_2 .flx3.el {
    flex: 1 0 33%; }

  #cntflw_se.parent {
    flex-direction: column !important; }

  .btt {
    width: 58px;
    height: 58px;
    bottom: calc(25vh - 20px);
    right: calc(5vw - 30px);
    transform: scale(0.8); }

  .cnt {
    max-width: 80% !important;
    margin: 20px auto !important; }

  .content.se .cnt {
    max-width: 90% !important; }
    .content.se #cntflw_1 #schulungsmenu .note {
      left: 0;
      top: 0;
      right: auto;
      width: 30%;
      max-width: none;
      -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
      .content.se #cntflw_1 #schulungsmenu #sidemenu {
        position: absolute;
        top: 50px;
        left: 0;
        width: 30%;
        background: #031d29;
        min-height: unset;
        -webkit-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 25px -15px rgba(0, 0, 0, 0.75); }
        .content.se #cntflw_1 #schulungsmenu #sidemenu .icon {
          display: none; }
        .content.se #cntflw_1 #schulungsmenu #sidemenu .innerwrap {
          height: auto; }
      .content.se #cntflw_1 #schulungsmenu .snav {
        width: 66%;
        margin-left: 33%; }
    .content.se .tx-blog-post-list .post {
      flex: 0 0 32.33%;
      margin: 0.5%; }

  #seminar_body {
    width: 80%; }
    #seminar_body #sidemenu.se_sub {
      order: 0;
      flex: 1 0 30%;
      margin: 90px 30px; }
    #seminar_body #mainbx_se {
      order: 1;
      flex: 1 0 60%;
      margin: 50px auto; }
    #seminar_body #mainbx_se .content.seminar .cnt {
      margin: 0px !important; }

  #cntflw_2 {
    max-width: 80% !important; }
    #cntflw_2 .tx-blog-post-list {
      justify-content: flex-start; }
    #cntflw_2 .tx-blog-post-list .post {
      flex: 0 0 32.33% !important;
      margin: 0.5%; }
      #cntflw_2 .tx-blog-post-list .post:last-child {
        display: none; }

  .blogcontent {
    width: 80vw;
    margin: 60px auto 50px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .blogcontent #blogheader {
      flex: 1 0 100%;
      overflow: hidden; }
    .blogcontent #blogheader header {
      bottom: -1px !important; }
      .blogcontent #blogheader header .blogdate {
        position: relative !important;
        top: auto !important; }
    .blogcontent #subcnt {
      order: 2;
      flex: 0 0 66.6%;
      z-index: 2; }
    .blogcontent #sidemenu {
      order: 1;
      position: relative;
      right: auto;
      flex: 0 0 33.4%;
      overflow: hidden;
      z-index: 1;
      /*transition: transform 0.3s;*/ }
    .blogcontent #sidemenu .icon {
      display: none; }
    .blogcontent #sidemenu.fixed {
      width: 26.72vw;
      right: 10vw;
      transition: 0s; }
      .blogcontent #sidemenu.fixed:after {
        opacity: 0.3;
        transition: opacity 0s ease 0.3s; }
      .blogcontent #sidemenu.fixed .innerwrap {
        transform: scale(0.9);
        transition: 0.3s; }
    .blogcontent #sidemenu.atBottom {
      /*top:auto !important;
       bottom:calc(25vh - 20px) !important;*/
      z-index: -1; }
    .blogcontent #sidemenu:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: black;
      z-index: -1;
      opacity: 0;
      transition: opacity 0s ease 0.3s; }
    .blogcontent #sidemenu .innerwrap {
      position: absolute;
      height: 100%;
      width: 101.0416666667%;
      padding-right: 50px;
      transition: 0s !important; }

  .navbar {
    width: 30vw;
    transition: 0.5s, transform 0.3s ease-out 0s; }

  .navbar.open {
    transform: translateX(-30vw);
    transition: 0.5s, transform 0.5s ease 0.5s; }

  .loneflx.el {
    margin: 10px auto 30px auto !important;
    width: 80% !important; }

  .flx1.el .frame header {
    margin-top: 80px !important; }
    .flx1.el .frame p {
      width: 40% !important; }
      .flx1.el .frame p a {
        width: 80%;
        margin-bottom: 80px !important; }
    .flx1.el .frame:before {
      width: 50% !important; }
    .flx1.el .frame:after {
      width: 100% !important; }

  .flx5 {
    /*flex-grow:0;
     flex-basis: calc(20% - 6px);
     margin:2px;
     align-items:baseline;*/ }
    .flx5 p {
      font-size: 70%; } }