.mainbtn { min-width: 300px; }
main .mainbtn {
  padding: 20px 66px 20px 24px;
  margin: 6px 10px 6px 0px!important;
}
.path-frontpage .headerbg { position: absolute; z-index: 1; height: 100%; max-height: 450px; }
.headerbg, .path-frontpage.productheader .headerbg { max-height: 600px; }
.headerbg { z-index: 1; pointer-events: none; }

@media only screen and (max-width: 1920px) {
  .path-frontpage .headerbg { max-height: 340px; }
  .headerbg, .path-frontpage.productheader .headerbg { max-height: 360px; }
}


.kontoanlegen p b { display: block; font-size: 1.4em; margin-bottom: 20px; font-weight: normal; }
.kontoanlegen { min-width: 400px; }
.kontoanlegen, .newsletter { padding: 40px; }

 .bottom-container { margin-bottom: 60px; }

 .kontoanlegen a { background: #0D0D0D; color: #FFF; padding: 15px 30px; display: inline-block; font-size: 1em; }

.newsletter #mc_embed_signup .button:hover, .kontoanlegen a:hover { background: #0D0D0D!important; }

.homestarter h1 { font-size: 3.5em; margin-bottom: 10px; }
.homestarter br { height: 0px; }
 h1 span { padding: 5px 10px 5px 0px; line-height: 1.1em; margin-bottom: 1px; }
.homestarter .maincontainer { margin-left: 12px; }

.mainoptions > span {
  padding: 16px 25px;
  margin: 1px 1px 1px 0px;
}

.mainoptions > span:hover {
  cursor: pointer;
}

.headerbgimages { position: absolute; z-index: -1; }

#homelinkmenu { position: relative; margin-bottom: 0px; }


#homelinkmenu a { display: inline-block; color: #FFF; transition: all 0.3s; background: #0D0D0D; padding: 18px 12px; }


.paragraph--type--header-bereich .headerteaserimg {
   max-width: 740px; width: auto;
  -webkit-animation-name: fadeInUpHeader;
	-moz-animation-name: fadeInUpHeader;
	-o-animation-name: fadeInUpHeader;
	animation-name: fadeInUpHeader;
 }

 .paragraph--type--header-bereich .headerteaserimg img {
   width: 100%;
   height: auto;
   display:block;
 }

 @-webkit-keyframes fadeInUpHeader {
 	0% {
 		opacity: 0;
 		-webkit-transform: translate(6%,6%);
 	}

 	100% {
 		opacity: 1;
 		-webkit-transform: translate(0%,0%);
 	}
 }

 @-moz-keyframes fadeInUpHeader {
 	0% {
 		opacity: 0;
 		-moz-transform: translate(6%,6%);
 	}

 	100% {
 		opacity: 1;
 		-moz-transform: translate(0%,0%);
 	}
 }

 @-o-keyframes fadeInUpHeader {
 	0% {
 		opacity: 0;
 		-o-transform: translate(6%,6%);
 	}

 	100% {
 		opacity: 1;
 		-o-transform: translate(0%,0%);
 	}
 }

 @keyframes fadeInUpHeader {
 	0% {
 		opacity: 0;
 		transform: translate(6%,6%);
 	}

 	100% {
 		opacity: 1;
 		transform: translate(0%,0%);
 	}
 }


@media only screen and (max-width: 1920px) {
  .homestarter h1 {
    font-size: 2.8em;
  }
}


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

      .homestarter h1 {
        font-size: 2.3em;
      }


     }


   @media only screen and (min-width: 0px) and (max-width: 768px) {

         .logo {  width: 100px; top: 38px; }

     .paragraph--type--header-bereich .headerteaserimg { position: absolute; top: 0px; margin-top: -150px; width: 64vw; left: 55%; z-index: -1;  }

     .headerbg, .path-frontpage.productheader .headerbg { max-height: 360px; }

     .homestarter { padding: 0px; }
       .homestarter { margin-top: 80px; }

    .kontoanlegen, .newsletter { width: 100%; max-width: 100%; min-width: 100%; }

     .maincontainer { font-size: 0.9em; margin-bottom: 40px;  }

     .paragraph--type--header-bereich > div > div { width: 100%; }

   }


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


      .headerbg, .path-frontpage.productheader .headerbg { max-height: 320px; }


      .homestarter h1 {
        font-size: 2.1em;
      }

       .mainbtn { min-width: 100%; }


   }



   @media only screen and (min-width: 0px) and (max-width: 480px) {

     .logo {
       top: 24px; width: 84px;
   }

     .paragraph--type--header-bereich .headerteaserimg { margin-top: -130px; width: 68vw; left: 53%; }


     .homestarter h1 {
          font-size: 2.1em;
      }

    .mainoptions > span {
      padding: 14px 23px;
    }

    .headercontent {
       width: 100%;
       margin: 0px;
     }

   }

   @media only screen and (min-width: 0px) and (max-width: 360px) {
   .homestarter h1 {
     font-size: 1.6em;
   }
   }