        html {
          font-size: 16px;
        }

        body {
          height: 100%;
          width: 100%;
          margin: 0;
        }

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

        .InvestmentSummitLogo {
          margin-right:0%;
          width:20%;
          max-width:220px;
          margin-bottom:0px;
          margin-top:0px;
        }

        @media only screen and (max-width: 800px) {
          .Header-Logo {
            text-align:left;
            padding-left:10px;
          }

          .InvestmentSummitLogo {
            margin-right:0%;
            width:35%;
            margin-bottom:0px;
            margin-top:0px;
          }
        }

        #Startfolie {
          height: 100vh;
          min-height:890px;
          width: 100%;
          margin-top: 0px;
          background: url(images/Investment-Summit-2020.png) no-repeat center center;
          background-size: cover;
          padding-top:0px;
          margin-top:0px;
          background-position: center 0px;
          z-index:2;
        }

        #Startfolie h2 {
          font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
          font-size:3.5rem;
          /*color:#00243f;*/ color: #161930;
          padding-left:50px;
          padding-top:0px;
          margin-top:-1vw;
          text-align:left;
        }

        #Startfolie h1 {
          font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
          font-size:2.5rem;
          color:#44546a;
          padding-left:50px;
          padding-top:35px;
          margin-top:0px;
          text-align:left;
        }

        @media only screen and (max-width: 1200px) {
          #Startfolie h2 {
          font-size: 27px;
          }

          #Startfolie h1 {
          font-size: 20px;
          margin-top:-20px;
          }
        }

        @media only screen and (max-width: 600px) {
          #Startfolie h2 {
          text-align:center;
          padding-left:0px;
          }

          #Startfolie h1 {
          text-align:center;
          padding-left:0px;
          }
        }

        #Aussteller {
          width: 100%;
          background-color: rgba(255, 255, 255, 0.0);
          height:100px;
          display: block;
          position: absolute;
          top: 600px;
          width: 100%;
          height: 20%;
          z-index:1;
        }

        @media only screen and (max-width: 1200px) {
          #Aussteller {
            width: 100%;
            background-color: rgba(255, 255, 255, 0.0);
            height:100px;
            display: block;
            position: absolute;
            top: 600px;
            width: 100%;
            height: 20%;
            z-index:1;
          }
        }

        @media only screen and (max-height: 810px) {
          #Aussteller {
            width: 100%;
            background-color: rgba(255, 255, 255, 0.0);
            height:100px;
            display: block;
            position: absolute;
            top: 600px;
            width: 100%;
            height: 20%;
            z-index:1;
          }
        }


        #AusstellerLogos {
          display: flex;
          background-color: rgba(255, 255, 255, 0.9);
          flex-wrap: nowrap;
          justify-content: center;
          align-items: center;
          /* width: 100%; Can be in percentage also. */
          height: auto;
          margin: 0 auto;
          padding: 10px;
          /*position: relative;*/
        }

        #AusstellerLogos-Large {
          display: flex;
          background-color: rgba(255, 255, 255, 0.9);
          flex-wrap: nowrap;
          justify-content: center;
          align-items: center;
          /* width: 100%; Can be in percentage also. */
          height: auto;
          margin: 0 auto;
          padding: 10px;
          /*position: relative;*/
        }

        #AusstellerLogos-Medium {
          display:none;
        }

        #AusstellerLogos-Small{
          display:none;
        }



        @media only screen and (max-width: 1450px) {

        #AusstellerLogos-Large {
          display: flex;
          background-color: rgba(255, 255, 255, 0.9);
          flex-wrap: nowrap;
          justify-content: center;
          align-items: center;
          /* width: 100%; Can be in percentage also. */
          height: auto;
          margin: 0 auto;
          padding: 10px;
          /*position: relative;*/
          display:none;
        }

        #AusstellerLogos-Medium {
          display:block;
          /*position: relative;*/
        }

      }

      @media only screen and (max-width: 1200px) {

      #AusstellerLogos-Medium {
        display:block;
        /*position: relative;*/
        margin-top:0px;
      }

    }

      @media only screen and (max-width: 600px) {

      #AusstellerLogos-Large {
        display:none;
      }

      #AusstellerLogos-Medium {
        display:none;
        margin-top:0px;
        /*position: relative;*/
      }

      #AusstellerLogos-Small {
        display:block;
        padding-top:150px;
        /*position: relative;*/
      }

    }

        .AusstellerLogos {
          margin:10px 0px 10px 5%;
          float:left;
        }

        .content {
          width:70%;
          margin: auto;
        }

        .content2 {
          width:100%;
          margin: auto;
        }

        @media only screen and (max-width: 1200px) {
          .content {
            width:100%;
            margin: auto;
          }

		  .videocontent {
            width:70%;
            margin: auto;
          }
        }

        .Termine {
          float:left;
          padding-left: 50px;
          font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
        }

        .Termine a {
          /*color:#44546a;*/ color: #161930;
          font-size:25px;
          text-decoration:none;
        }

        .EinlassBeginn{
          font-size:20px;
          color:#44546a;
          padding-left: 50px;
          font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
        }

        @media only screen and (max-width: 600px) {

          .Termine p {
            text-align:left;
            padding-left: 50px;
          }

          .EinlassBeginn{
            text-align:center;
            padding-left: 0px;
          }
        }

        .center {
          display: block;
          margin-left: auto;
          margin-right: auto;
          padding-bottom:4vw;
          width: 50%;
          max-width: 420px;
	      }

       .Headline1 {
         font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
         font-size:2.5rem;
         color:#44546a;
         padding-left:0px;
         padding-top:2vw;
         margin-top:2vw;
         text-align:center;
       }

       .Headline2 {
         font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
         font-size:3.5rem;
         /*color:#00243f;*/ color: #161930;
         padding-left:0px;
         padding-top:0px;
         margin-top:-5px;
         text-align:center;
       }

       .Headline1:after {
         content: "";
         display: block;
         background-color: #222222;
         width: 100px;
         height: 1px;
         margin: 15px auto 0;
       }

		.headerEinstellungen > .Headline1 {
		 font-size: 20px;
         padding-top:20px;
		  }

		 .headerEinstellungen > .Headline2 {
		 font-size: 27px;
		  }

       @media only screen and (max-width: 1200px) {
         .Headline1 {
         font-size: 20px;
         padding-top:20px;
         }

         .Headline2 {
         font-size: 27px;
         }
       }

       .Text {
         font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
         font-size:16px;
         color:#44546a;
         text-align: justify;
       }

       @media only screen and (max-width: 1200px) {
         .Text {
         font-size: 16px;
         }
       }

       .Referenten-Wrapper {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         align-items: center;
         padding-top:15px;
       }

       .Referenten {
         width:10%;
         min-width:150px;
         float:left;
         margin-right:1vw;
         text-align:center;
       }

       .Portraits {
         width:100%;
         padding-bottom:7px;
       }

       .ReferentenWrapper {
         width:100%;
       }

       .ReferentenBoxen {
         width:30%;
         min-width:250px;
         float:left;
         margin-left:0%;
         background-color:grey;
         height:250px;
       }

       .Referentencenter {
         margin: auto;
         width: 100%;
         border: 3px solid green;
         padding: 10px;
         height:250px;
         background-color:green;
       }

       .Referentencontainer {
         width:100%;
         background-color:white;
         display: flex;
         justify-content: center;
       }

       .Referentencontent{
         width:250px;
         min-width:250px;
         margin-right:5%;
         height:175px;
         background-color:#f3f3f3;
         box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.54);
         border-radius: 5%;
       }

       .Referentencontent p {
         text-align:center;
         margin-bottom:150px;
         font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
         color:#44546a;
         text-transform: uppercase;
         line-height: 18px;
         font-weight: 400;
       }

       .Referentencontent a {
         text-align:center;
         margin-bottom:150px;
         font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
         color:#44546a;
         text-transform: uppercase;
         line-height: 18px;
         font-weight: 400;
       }

       .ReferentencontentLogo{
         width:250px;
         min-width:250px;
         margin-right:5%;
         height:175px;
         float:left;
       }

       .Referenten-Medium{
         display:none;
       }

       .Referenten-Small{
         display:none;
       }

       @media only screen and (max-width: 1000px) {
         .Referenten-Large{
           display:none;
         }

         .Referenten-Medium{
           display:block;
         }

       }

       @media only screen and (max-width: 700px) {
         .Referenten-Large{
           display:none;
         }

         .Referenten-Medium{
           display:none;
         }

         .Referenten-Small{
           display:block;
         }

         .Referentencontent{
           margin-left:0%;
         }

         .ReferentencontentLogo{
           margin-left:0%;
         }

       }

       .Moderation {
         width:10%;
         min-width:150px;
         float:left;
         margin-right:1vw;
         text-align:center;
       }

       .ModerationHinweis {
         width:40%;
         min-width:300px;
         margin-right:0;
         text-align:center;
       }

       @media only screen and (max-width: 1200px) {
         .Referenten {
           width:20%;
           min-width:150px;
           float:left;
           margin-right:1vw;
           text-align:center;
           margin-top:15px;
           background-color: white;
           padding:5px;
         }

         .Portraits {
           width:150px;
           padding-bottom:7px;
         }

         .Moderation {
           width:15%;
           min-width:150px;
           float:left;
           margin-right:1vw;
           text-align:center;
           margin-top:15px;
           background-color: white;
           padding:5px;
         }
       }


       @media only screen and (max-width: 800px) {
         .Referenten {
           width:40%;
           min-width:150px;
           float:left;
           margin-right:1vw;
           text-align:center;
           margin-top:15px;
         }

         .Portraits {
           width:150px;
           padding-bottom:7px;
         }

         .Moderation {
           width:20%;
           min-width:150px;
           float:left;
           margin-right:1vw;
           text-align:center;
           margin-top:15px;
         }

       }


       @media only screen and (max-width: 600px) {

         .Moderation {
           width:40%;
           min-width:150px;
           float:left;
           margin-right:1vw;
           text-align:center;
           margin-top:15px;
         }

         .ModerationHinweis {
           width:80%;
           min-width:300px;
           margin-right:0;
           text-align:center;
         }

       }


       .Agenda {
         width:80%;
         margin-left:10%;
         margin-right:10%;
       }

       .Agenda1-1 {
         width:45%;
         float:left;
         background: #e7e7e7;
         padding-left:0%;
         padding-right:5%;
         text-align:right;
       }

       .Agenda1-2 {
         width:45%;
         float:left;
         padding-right:5%;
         padding-left:0%;
         text-align:right;
       }

       .Agenda2-1 {
         width:50%;float:left;
         background: #e7e7e7;
       }

       .Agenda2-2 {
         width:50%;float:left;
       }

       .Agenda-Uhrzeit {
         font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
         font-size:1rem;
         color:#00243f;
       }

       .Agenda-Tagesordnungspunkt {
         font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
         font-size:1rem;
         color:#44546a;
       }

       @media only screen and (max-width: 1200px) {
         .Agenda-Uhrzeit {
           font-size:16px;
         }

         .Agenda-Tagesordnungspunkt {
           font-size:16px;
         }

         .Agenda {
           width:98%;
           margin-left:1%;
           margin-right:1%;
         }

         .Agenda1-1 {
           width:45%;
           float:left;
           background: #e7e7e7;
           padding-left:0%;
           padding-right:5%;
           text-align:right;
         }

         .Agenda1-2 {
           width:45%;
           float:left;
           padding-right:5%;
           padding-left:0%;
           text-align:right;
         }

         .Agenda2-1 {
           width:50%;float:left;
           background: #e7e7e7;
         }

         .Agenda2-2 {
           width:50%;float:left;
         }
       }


        select {
          width: 100%;
          height:60px;
          padding: 16px 20px;
          border: 2px solid #ccc;
          border-radius: 4px;
          background-color: #ffffff;
          font-size: 18px;
          -webkit-border-radius: 0;
        }


        select:focus {
          border: 2px solid #80a2d9; /*#17428D;*/
          border-radius: 4px;
          font-size: 18px;
        }



        input[type=text], input[type=email] {
          width: 100%;
          padding: 12px 20px;
          border: 2px solid #ccc;
          margin: 8px 0;
          box-sizing: border-box;
          font-size: 18px;
        }

        input[type=text]:focus, input[type=email]:focus {
          border: 2px solid #80a2d9; /*#17428D;*/
          font-size: 18px;
        }

        /* Customize the label (the container) */
        .container {
          display: block;
          position: relative;
          padding-left: 35px;
          padding-top: 0px;
          margin-bottom: 12px;
          margin-top: 12px;
          cursor: pointer;
          font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
          font-size:26px;
          color:black;
          text-align:left;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }

        /* Hide the browser's default checkbox */
        .container input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
        }

        /* Create a custom checkbox */
        .checkmark {
          position: absolute;
          border: 1px solid;
          top: 0;
          left: 0;
          height: 25px;
          width: 25px;
          background-color: #eee;
        }

        /* On mouse-over, add a grey background color */
        .container:hover input ~ .checkmark {
          background-color: #ccc;
        }

        /* When the checkbox is checked, add a blue background */
        .container input:checked ~ .checkmark {
          background-color: #00243f;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .checkmark:after {
          content: "";
          position: absolute;
          display: none;
        }

        /* Show the checkmark when checked */
        .container input:checked ~ .checkmark:after {
          display: block;
        }

        /* Style the checkmark/indicator */
        .container .checkmark:after {
          left: 9px;
          top: 5px;
          width: 5px;
          height: 10px;
          border: solid white;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
        }

        input[type=button], input[type=submit], input[type=reset] {
          background-color: #161930;/*#44546a;*//*#17428D;*/
          border: none;
          color: white;
          padding: 16px 32px;
          text-decoration: none;
          margin: 4px 2px;
          cursor: pointer;
          font-size: 21px;
          -webkit-appearance: none;
          -webkit-border-radius: 0;
        }

        input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
          background-color: #44546a;/*#00243f;*//*#17428D;*/
          border: none;
          color: white;
          padding: 16px 32px;
          text-decoration: none;
          margin: 4px 2px;
          cursor: pointer;
          font-size: 21px;
        }

        .overlay {
          position: fixed;
          top: 0px;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.7);
          transition: opacity 500ms;
          visibility: hidden;
          opacity: 0;
          z-index: 3;
        }

        .overlay:target {
          visibility: visible;
          opacity: 1;
        }

        .Einstellungen {
          margin: 20px auto;
          padding: 10px;
          background: #fff;
          border-radius: 5px;
          width: 60%;
          position: relative;
          /*transition: all 5s ease-in-out;*/
          max-height: 85%; /* 85% */
          overflow:scroll;
          overflow-x:hidden;
          z-index: 3;
        }

        .Biografie{
          font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
          font-size:1rem;
          color:grey;
          padding-left:50px;
          padding-right:50px;
          text-align: justify;
        }

        @media only screen and (max-width: 800px) {
          .Einstellungen {
            margin: 20px auto;
            padding: 20px;
            background: #fff;
            border-radius: 5px;
            width: 90%;
            position: relative;
            /*transition: all 5s ease-in-out;*/
            max-height: 85%; /* 85% */
            overflow:scroll;
            overflow-x:hidden;
            z-index: 3;
          }

          .Biografie{
            font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
            font-size:1rem;
            color:grey;
            padding-left:10px;
            padding-right:10px;
            text-align: justify;
          }
       }

        .Einstellungen h2 {
          margin-top: 0;
          color: #333;
          font-family: Tahoma, Arial, sans-serif;
        }

        .Einstellungen .close {
          position: absolute;
          top: 20px;
          right: 30px;
          transition: all 1500ms;
          font-size: 30px;
          font-weight: bold;
          text-decoration: none;
          color: #333;
        }

        .Einstellungen .close:hover {
          color: #06D85F;
        }

        .Einstellungen .content {
          max-height: 30%;
          overflow: auto;
        }

        .Anmeldeformular-Wrapper {
          width:100%;
        }

        .Anmeldeformular-Wrapper-1 {
          width:45%;
          float:left;
        }

        .Anmeldeformular-Wrapper-2 {
          width:45%;
          float:left;
          margin-left:10%;
        }

        @media only screen and (max-width: 1200px) {
          .Anmeldeformular-Wrapper-1 {
            width:100%;
            margin: auto;
          }

          .Anmeldeformular-Wrapper-2 {
            width:100%;
            margin: auto;
          }
        }

        #navMobile{
          display:none;
        }

        @media only screen and (max-width: 800px) {
          #navMobile{
            display:block;
          }

          #navDesktop{
            display:none;
          }
        }



.third-level-menu
{
    position: absolute;
    top: -240px;
    right: 150px;
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    color: #000000;
}

.third-level-menu > li
{
    height: 60px;
    background: #f1f1f1;
	color:#000000;
}
.third-level-menu > li:hover { background: #CCCCCC; }

.second-level-menu
{
    position: absolute;
    top: 60px;
    left: 0px;
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
	color:#000000;
}

.second-level-menu > li
{
    position: relative;
    height: 60px;
    background: #f1f1f1;
}
.second-level-menu > li:hover { background: #CCCCCC; }

.top-level-menu
{
    list-style: none;
    margin: auto;
	  color: #000000;


}

.top-level-menu > li
{
    position: relative;
    float: left;
    height: 60px;
    width: 150px;
    /*background: #44546a;*/ background: #161930;
    color: #000000;
}
.top-level-menu > li:hover { background: #44546a; }

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    margin:auto;
    padding-top:15px;
	/*padding: 0 0 0 10px; */

    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;

}
.top-level-menu a:hover { color: #FFFFFF; }




.top-level-menu p /* Apply to all links inside the multi-level menu */
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    margin:auto;
    padding-top:15px;
	/*padding: 0 0 0 10px; */

    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu p:hover { color: #000000; }


      @media only screen and (max-width: 800px) {
        .top-level-menu > li
        {
            position: relative;
            float: right;
            height: 60px;
            width: 60px;
            background: #161930;/*#44546a;*/
            color: #000000;
            margin-right:0px;
        }

        .second-level-menu
        {
            position: absolute;
            top: 60px;
            left: -90px;
            width: 150px;
            list-style: none;
            padding: 0;
            margin: 0;
            display: none;
        	color:#000000;
        }

      }

    .AusrichterLogo {
      float:left;
      width:30%;
    }

    .AusrichterLogoWrapper {
      width:100%;
      text-align:center;
    }

    @media only screen and (max-width: 1200px) {
      .AusrichterLogo {
        width:100%;
      }

      .AusrichterLogoWrapper {
        width:350px;
        margin:auto;
        text-align:center;
      }
    }

    .AusrichterText {
      float:left;
      width:65%;
      border-left: 5px solid #44546a;
      padding-left: 0px;
    }

    .AusrichterText h3 {
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
      font-size:30px;
      color:#00243f;
      text-align:left
    }


    @media only screen and (max-width: 1200px) {
      .AusrichterText {
        text-align:left;
        width:100%;
        border-left: 0px solid #44546a;
        padding-top: 10px;
      }

      .AusrichterText h3 {
        font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
        font-size:30px;
        color:#00243f;
        text-align:center;
        display:none;
      }
    }


    .LocationBox {
      width:80%;
      position:relative;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      margin-top:100px;
    }

    .LocationBox2 {
      width:80%;
      position:relative;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      margin-top:200px;
    }

    .LocationBox-Links{
      width:47.5%;
      position: relative;
      top:0;
      left:0;
    }

    .LocationBox-Rechts{
      width:47.5%;
      position: absolute;
      top:0;
      right:0;
    }

    .LocationHeadlinePos{
      position: absolute;
      left: 0;
      right: 0;
      top:-40px;
      margin-left: auto;
      margin-right: auto;
      background-color:rgba(240, 240, 240, 1);
      height:60px;
      width:250px;
      box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.54);
      padding:10px;
    }

    .LocationHeadline {
      margin-top:-3px;
      /*color:#44546a;*/ color: #161930;
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
      text-align:center;
      line-height:2.0rem;
      font-size:2.0rem;
    }

    .LocationDatum {
      font-weight:100;
      font-size:1.25rem;
    }


    .LocationAdressePos {
      position: absolute;
      left: 0;
      right: 0;
      bottom:-100px;
      margin-left: auto;
      margin-right: auto;
      background-color:rgba(240, 240, 240, 1);
      height:115px;
      width:400px;
      box-shadow: 0px 8px 6px -8px rgba(0, 0, 0, 0.54);
      padding:10px;
    }

    .LocationAdresse {
      color:#00243f;
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
      font-size:16px;
      text-align:center;
      margin-top:5px;
    }

    .LocationOrt{
      font-weight:100;
    }

    .LocationButtonPos {
      width:100%;
      margin-left:0%;
      margin-right:0%;
      position: absolute;
      left:0;
      right:0;
      margin-left: auto;
      margin-right: auto;
    }

    .LocationButton{
      /*background-color: #44546a;*/ background-color: #161930;
      border: none;
      color: white;
      padding: 16px 32px;
      text-decoration: none;
      cursor: pointer;
      bottom: 20px;
      margin-left: 85px;
      font-size: 21px;
      margin-top:0px;
    }

    @media only screen and (max-width: 1200px) {
      .LocationBox-Links{
        width:100%;
        position: relative;
        top:0;
        left:0;
      }

      .LocationBox-Rechts{
        width:100%;
        position: relative;
        top:0;
        right:0;
        margin-top:200px;
      }

      .LocationAdressePos {
        width:350px;
    }

    .LocationButton{
      margin-left: 60px;
    }
}

    @media only screen and (max-width: 580px) {

      .LocationAdressePos {
        width:96%;
        margin-left:-1px;
      }

      .LocationButton{
        margin: auto;
        width:96%;
      }

    }

    .Footer {
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
      font-size:16px;
      color:white;
      text-align:center;
    }

    .FooterLinks {
      text-decoration:none;
    }

    .Footer a {
      text-decoration:none;
      color: white;
    }

    .Footer a:visited {
      text-decoration:none;
      color: white;
    }

	.ausgebuchtContainer {
      position:absolute;
      top:300px;
      right:0px;
      height:50px;
      width:360px;
      background-color:rgba(255, 255, 255, 0.8);
    }

    .ausgebuchtText {
      margin:0;
      padding:5px;
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
      font-size:16px;
      color:red;
      text-align: center;
    }




	.EventLanguage {
      position:absolute;
      top:75px;
      right:0px;
      height:30px;
      width:200px;
      background-color:rgba(255, 255, 255, 0.8);
    }

    .EventLanguageText {
      margin:0;
      padding:5px;
      font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
      font-size:16px;
      color:#161930;
      text-align: center;
    }

.videoimpressionen {
	width:40%;
	float:left;
	margin-right:5%;
    margin-left:5%;
}

	#myVideo2 {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

	#myVideo {
 width:100%;
}

		    @media only screen and (max-width: 1200px) {
         #myVideo {
 width:100%;
}
       }



		  @media only screen and (max-width: 900px) {
         #myVideo {
 width:100%;
}

.videoimpressionen {
	width:90%;
	float:left;
	margin-right:5%;
}
       }

       /* Neues 3-spaltiges Layout fuer Referenten-Large */

       .Referenten-Columns {
         display: flex;
         justify-content: center;
         align-items: flex-start;
         gap: 5%;
         width: 100%;
         padding: 30px 5%;
         box-sizing: border-box;
       }

       .Referenten-Column {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 120px;
       }

       .Referenten-Column .Referentencontent,
       .Referenten-Column .ReferentencontentLogo {
         margin-right: 0;
       }
