/* Fonts */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Icons';
  src: url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/icons.eot');
  src: url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/icons.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/icons.woff') format('woff'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/icons.ttf') format('truetype');
  font-style: normal;
  font-style: normal; }

@font-face {
  font-family: 'Panton-Regular';
  src: url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1C_0.eot');
  src: url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1C_0.eot?#iefix') format('embedded-opentype'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1C_0.woff2') format('woff2'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1C_0.woff') format('woff'), url('../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1C_0.ttf') format('truetype');
  font-weight: normal; }

@font-face {
  font-family: 'Panton-SemiBold';
  src: url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1E_0.eot");
  src: url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1E_0?#iefix") format('embedded-opentype'), url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1E_0.woff") format('woff'), url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_1E_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Panton-Bold';
  src: url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_11_0.eot");
  src: url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_11_0.eot?#iefix") format('embedded-opentype'), url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_11_0.woff") format('woff'), url("../../../typo3conf/ext/hdabasic/Resources/Public/Fonts/2DE673_11_0.ttf") format('truetype');
  font-weight: normal; }

html {
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  min-height: 100%; }

.start {
  min-height: 100vH;
  padding-bottom: 100px;
  background: radial-gradient(#014386, #012a55 60%);
  /* Bildelemente */ }
  .start .container {
    padding-left: 0;
    padding-right: 0; }
  .start a {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    line-height: 130%; }
  .start a:hover {
    text-decoration: none; }
  .start a i {
    font-variant: normal;
    padding-top: 5px;
    font-size: 12px;
    font-style: normal; }
  .start p {
    height: 53px;
    display: table-cell;
    vertical-align: middle;
    line-height: 110%;
    padding: 0.5em 2em 0.5em 1em;
    background-image: url(../../../Cms/Resources/Public/Landingpage/keil.png);
    background-repeat: no-repeat;
    background-position: top right; }
  .start span {
    text-transform: none;
    font-size: 80%;
    font-weight: normal !important; }
  .start .schal {
    width: 100%;
    position: absolute;
    top: -50px;
    left: 0px;
    height: 150px;
    z-index: 30;
    background-image: url(../../../Cms/Resources/Public/Landingpage/schal.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 666px auto; }
  .start .hdabootstrap {
    padding-bottom: 40px;
    position: relative;
    background-size: 390px 570px;
    background-image: url(../../../Cms/Resources/Public/Landingpage/shadow_small.png);
    background-repeat: no-repeat;
    background-position: center center; }
  .start .hdabootstrap::after {
    position: absolute;
    bottom: -100px;
    right: 150px;
    content: '';
    width: 320px;
    height: 100px;
    background-image: url(../../../Cms/Resources/Public/Landingpage/claim.png);
    background-position: top right;
    background-size: 120px auto;
    background-repeat: no-repeat;
    display: block; }
  .start .startLogo {
    width: 30vw;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto; }
  .start .startLogo img {
    width: 100%;
    height: auto; }
  .start .sponsoren {
    z-index: 99;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    background: #fff;
    margin-top: 150px; }
    .start .sponsoren .ce-gallery {
      margin: 0 !important; }
    .start .sponsoren img {
      margin: 0 !important; }
    .start .sponsoren h3 {
      margin: 0 !important; }
    .start .sponsoren .ce-outer, .start .sponsoren .ce-inner {
      width: 100%;
      display: block;
      justify-content: center;
      align-items: stretch; }
    .start .sponsoren .ce-inner .ce-row {
      float: left;
      min-width: 100px;
      display: flex;
      align-items: center;
      padding: 7.5px;
      margin: 0 !important; }
  .start .footer2 {
    width: 100%;
    margin-bottom: 15px; }
    .start .footer2 * {
      text-shadow: 0px 0px 0px #000;
      color: #999;
      font-size: 1em;
      margin: 0;
      font-weight: 500 !important;
      text-align: center; }
    .start .footer2 .d-md-inline {
      transition: all ease 0.3s;
      opacity: 0; }
    .start .footer2 .d-md-inline:hover {
      opacity: 0.5; }
  .start #c2212 {
    padding: 127px 0 0 0;
    width: 294px;
    height: 210px;
    position: relative;
    z-index: 10;
    transition: all 0.5s ease;
    background-image: url(../../../../Cms/Resources/Public/Landingpage/business1.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%; }
  .start #c2212:hover {
    background-image: url(../../../../Cms/Resources/Public/Landingpage/business2.png); }
  .start #c2213 {
    padding: 127px 0 0 0;
    width: 294px;
    height: 210px;
    margin: -34px 0 0 0;
    position: relative;
    z-index: 11;
    transition: all 0.5s ease;
    background-image: url(../../../../Cms/Resources/Public/Landingpage/camps1.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%; }
  .start #c2213:hover {
    background-image: url(../../../../Cms/Resources/Public/Landingpage/camps2.png); }
  .start #c2214 {
    padding: 250px 0 0 0;
    margin: 0 auto;
    width: 320px;
    height: 448px;
    position: relative;
    z-index: 12;
    transition: all 0.5s ease;
    background-image: url(../../../../Cms/Resources/Public/Landingpage/lilien1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%; }
  .start #c2214:hover {
    background-image: url(../../../../Cms/Resources/Public/Landingpage/lilien2.png); }
  .start #c2215 {
    padding: 127px 0 0 0;
    width: 294px;
    height: 210px;
    position: relative;
    z-index: 13;
    transition: all 0.5s ease;
    background-image: url(../../../../Cms/Resources/Public/Landingpage/tickets1.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%; }
  .start #c2215:hover {
    background-image: url(../../../../Cms/Resources/Public/Landingpage/tickets2.png); }
  .start #c2216 {
    padding: 127px 0 0 0;
    width: 294px;
    height: 210px;
    margin: -56px 0 0 0;
    position: relative;
    z-index: 13;
    transition: all 0.5s ease;
    background-image: url(../../../../Cms/Resources/Public/Landingpage/shop1.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%; }
  .start #c2216:hover {
    background-image: url(../../../../Cms/Resources/Public/Landingpage/shop2.png); }
  .start .banner01 {
    width: 100%; }

@media (min-width: 768px) {
  .start .container {
    width: 750px; }
    .start .startLogo {
      width: 20vw; }
    .start .sponsoren {
      position: fixed;
      margin-top: 0px; }
      .start .sponsoren .ce-inner .ce-row {
        min-width: auto; } }

@media (min-width: 992px) {
  .start a {
    font-size: 18px; }
    .start .schal {
      top: -35px; }
    .start .startLogo {
      width: 140px; }
    .start .container {
      width: 960px; }
    .start #c2214 {
      width: 100%;
      background-size: cover; }
    .start .sponsoren .container {
      max-width: 100%;
      width: 100%; }
    .start .sponsoren .ce-inner {
      display: flex;
      justify-content: center; }
    .start .hdabootstrap {
      background-image: url(../../../Cms/Resources/Public/Landingpage/shadow.png);
      background-size: 1130px 600px;
      margin-top: 15px; }
    .start .hdabootstrap::after {
      bottom: -60px;
      right: 70px; }
    .start .hdabootstrap > .row > div:nth-of-type(1) {
      padding: 60px 0 0 0; }
    .start .hdabootstrap > .row > div:nth-of-type(1) > div {
      display: block;
      float: right; }
    .start .hdabootstrap > .row > div:nth-of-type(2) {
      padding: 0; }
    .start .hdabootstrap > .row > div:nth-of-type(3) {
      padding: 0; }
    .start .footer2 {
      margin: 0 auto 10px auto;
      width: 960px; }
    .start .start .footer2 * {
      text-align: left; } }

@media (min-width: 1200px) {
  .start .startLogo {
    width: 170px; }
    .start .container {
      width: 1170px; }
    .start .schal {
      top: -25px;
      background-size: 800px auto;
      background-position: center top; }
    .start .hdabootstrap {
      background-size: 1210px 600px;
      margin-top: 25px; }
    .start .footer2 {
      width: 1050px; } }