* {
    margin: 0;
}

html{ 
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-size: large;




}






body {
      height: 100%;
      width: 100%;
      position: fixed;
      overflow-y:scroll;
      -webkit-overflow-scrolling: touch;
    
    

}








.wrapper {
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;

    color: #fff;
}

.wrapper:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    background: 
    url('') no-repeat center center;

    /*background: url('images/pic1.jpg') no-repeat center center;*/
    background-size: cover;
    will-change: transform;

    z-index: -1;
}







.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -142px;
}

.page-wrap:after {
    content: "";
    display: block;
}










.footer_ende {
    background-color: black;
    bottom: 0;
    overflow: hidden;
}



.footer_ende, .page-wrap:after {
    /* .push must be the same height as footer */
    width: 100%;
    position: relative;
    bottom: 0;
}





#scrollbereich {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 2;
}




a {
    text-decoration: none;
    color: #00A5CC;
}




li {
    list-style-type: none;
}












#brand {
    float: left;
    line-height: 50px;
    color: #E5DAC0;
    font-size: 25px;
    font-weight: bolder;
    margin: 0 0 0 6px;
}









.content {
    padding-top: 100px;
}






.inner-content {
    position: relative;
    width: 90%;
    height: 100%;
    left: 5%;
    z-index: 2;
}







.linkspace {
    margin-bottom: 30px;
}








.footer-content {
    position: relative;
    width: 90%;

    left: 0 5%;
    z-index: 2;
}










h3 {
    font-family: Arial;
    color: pink;
    margin-bottom: 50px;
}



h2 {
    font-family: Arial;
    color: pink;
    margin-bottom: 50px;
}





p {
    margin-bottom: 20px;
    font-family: Arial;
    font-size: large;
}



p.thick {
    font-weight: bold;
}









.footertextklein {

    font-size: medium;
}






.footer-space {
    position: relative;
    width: 100%;
    height: 250px;
}












.gallery img {
    
     margin-top: 30px;
     margin-bottom: 30px;

}






.social {

    margin-top: 60px;

}







.contact {

    padding: 10px 0;
    z-index: 3;
    
}













.bg-gray {
    background: rgba(0, 0, 0, 0.65);
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}







.author-panel {
    width: 100%;
    height: 300px;
    font-size: small;
}






.pink {
    color: pink;
}






.hotpink {
    color: hotpink;
}






.black {
    color: black;
}






.white {
    color: white;
}







.darkred {
    color: darkred;
}





.author-panel .inner-content {
    text-align: right;
}

.author-panel label {
    position: absolute;
    right: 0;
    bottom: 5%;
}







.affiliates, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: 100%;
	position: relative;
 
}
.affiliates {
  
  background-color: black;
  position: relative;
  height: 100%;

}











.center {
    text-align: center;
}







.space3 {
    position: relative;
    width: 100%;
    height: 40px;

}






.space4 {
    position: relative;
    width: 100%;
    height: 50px;

}






.space5 {
    position: relative;
    width: 100%;
    height: 80px;

}







.space7 {
    position: relative;
    width: 90%;
    height: 110px;

}






.space8 {
    position: relative;
    width: 90%;
    height: 150px;

}






.space10 {
    position: relative;
    width: 90%;
    height: 70px;

}









.space11 {
    position: relative;
    width: 90%;
    height: 90px;
    z-index: 3;
}






.buttonwhite {

  color: #ccddff;





  width: auto;
  font-size: large;
  margin-top: 0px;
  margin-bottom: 0px;
    
}










.buttonvid {


  color: #ccddff;





  width: auto;
  font-size: large;
  margin-top: 0px;
  margin-bottom: 0px;
    
}











.buttondemo {
  display: inline-block;
  padding: 12px 20px;
  color: #ccddff;
  border: 1px solid #ccddff;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-bottom: 5px;
  background: rgba(0, 0, 0, 0.1); 
}










.button {
  display: inline-block;
  padding: 6px 10px;
  color: pink;
  border: 1px solid pink;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: large;
  margin-top: 30px;
  margin-bottom: 30px;
  background: rgba(246, 206, 216, 0.4); 
}







.smallwidth {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 5%;
}









@font-face {
font-family: 'Allura-Regular';
src: url(../USER/2_FONTBASE/Allura-Regular.ttf);
}

@font-face {
font-family: 'KaushanScript-Regular';
src: url(../USER/2_FONTBASE/KaushanScript-Regular.ttf);
}

@font-face {
font-family: 'Qwigley-Regular';
src: url(../USER/2_FONTBASE/Qwigley-Regular.ttf);
}


@font-face {
font-family: 'Raleway-Regular';
src: url(../USER/2_FONTBASE/Raleway-Regular.ttf);
}






@font-face {
font-family: 'SCRIPTIN';
src: url(../USER/2_FONTBASE/SCRIPTIN.ttf);
}



@font-face {
font-family: 'still-time';
src: url(../USER/2_FONTBASE/still-time.ttf);
}



@font-face {
font-family: 'AlexBrush-Regular';
src: url(../USER/2_FONTBASE/AlexBrush-Regular.ttf);
}




@font-face {
font-family: 'Yesteryear-Regular';
src: url(../USER/2_FONTBASE/Yesteryear-Regular.ttf);
}




@font-face {
font-family: 'Kristi-Regular';
src: url(../USER/2_FONTBASE/Kristi-Regular.ttf);
}





@font-face {
font-family: 'EuphoriaScript-Regular';
src: url(../USER/2_FONTBASE/EuphoriaScript-Regular.ttf);
}




@font-face {
font-family: 'BilboSwashCaps-Regular';
src: url(../USER/2_FONTBASE/BilboSwashCaps-Regular.ttf);
}




@font-face {
font-family: 'MaShanZheng-Regular';
src: url(../USER/2_FONTBASE/MaShanZheng-Regular.ttf);
}





@font-face {
font-family: 'Bilbo-Regular';
src: url(../USER/2_FONTBASE/Bilbo-Regular.ttf);
}




@font-face {
font-family: 'Julee-Regular';
src: url(../USER/2_FONTBASE/Julee-Regular.ttf);
}



@font-face {
font-family: 'Ruthie-Regular';
src: url(../USER/2_FONTBASE/Ruthie-Regular.ttf);
}







p.mynewfont {
font-family: 'Qwigley-Regular' !important, 'New Font IE', backupfont;
text-shadow: 1px -1px 1px black; 
font-size: 125%;
margin-bottom: 20px;
color: #ccddff;
}















p.mynewfont2 {
 
font-size: large;
margin-bottom: 20px;
}










.centre {


    margin-top: 25%;
    text-align: left;
}









.hellblau {
    color: #ccddff;
}










.footer3_, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	
	position: relative;
 
}
.footer3_ {
  background-color: white;
  width: 100%;
 
}













.footer3, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 100%;
	height: auto;
	position: relative;
 
}
.footer3{
  
  background-color: white;
  position: relative;
  height: auto;
  z-index: 3;

}












.small {


    font-size: small;

}






.qr {
    position: relative;
    width: 100%;
    height: 100%;

}






.spaceqr {
    position: relative;
    width: 100%;
    height: 10%;
    z-index: 3;

}




















.lautsprecher, .page-wrap:after {
  /* .push must be the same height as footer */
	width: 10%;
	height: auto;
	position: relative;
 
}
.lautsprecher {

  background-image: url("images/laut.png");
  background-size: 100%;  
 
}








poster {


  background: cover;  
 
}












.iconright  {

    margin-right: 30px;
}







.center {
    text-align: center;
}









.video#bgVideo {
  position: absolute; // Play the video in full screen mode
  top: 0px; 
  left: 0px; 
  width: 100%; 
  height: auto;
  z-index: -1; // Put the video behind all other elements
}









.video-container {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.95);
}
.video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}










 #video-background {
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
    }











.footerend {
    background-color: black;
    bottom: 0;
    overflow: hidden;
}


.footerend, .page-wrap:after {
    /* .push must be the same height as footer */
    width: 100%;
    position: relative;
    bottom: 0;
    overflow: hidden;
    z-index: 3;
}