body {
    background-color:white;
    font-family: 'Roboto', sans-serif;
    margin:0;
}

html,
body {
    overflow-x: hidden;
}

div {
    box-sizing:border-box;
}

p,h1,h2,h3 {
    color:black;
} 

h1 {
    font-size:2.5vw;
    font-weight: lighter;
    margin:10vw;
    opacity:0;
    width:39vw;
    height:40vw;
    transition: opacity 0.8s, margin-left 0.4s;
    transition-timing-function: ease-out;
}

h2 {
    font-size: 200px;
    font-weight: bold;
    margin-left: calc(50vw - 170px);
    opacity:0.8;
    width: 300px;
    text-align:center;
}

canvas {
    border: 1px solid black;
    position:fixed;
    margin-left: calc(50vw - 600px);
    opacity:1;
    transition-duration:0.5s;
}

.mydiv {
    border-color:#444;
    margin:0;
}






.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 15;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }

.sidenav > a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
    text-align:left;
    margin-left:15px;
  }

.sidenav a:hover {
    color: #f1f1f1;
  }

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

  .bottomfont {
    text-align: left;
    margin:0;
    font-size: calc(18px + 0.1vw);
    font-weight:lighter;
    width:90%;
    color:white;
  }

 




  .divcolor {
	width: 100vw;
    height: 100vh;
    min-height:40vw;
	color: #fff;
    /*background: rgb(60, 231, 231);*/
    background: rgb(208, 93, 40);
    filter: saturate(60%);
  }

.divcolor2 {
	width: 100vw;
    padding: 3% 4%;
	color: #fff;
	/*background: rgb(60, 231, 231);*/
  background: rgb(208, 93, 40);
    filter: saturate(60%);
  }







.showImage {
    cursor: pointer;
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.divText1 {
    margin:0;
    height:10vw;
}

.divText2 {
    margin:0;
    height:10vw;
    margin-top:-15vw;
}

.Text {
    height:10vw;
    font-size:2.5vw;
    font-weight:lighter;
    /*color:rgb(60, 231, 231);*/
    color:rgb(208, 93, 40);
    filter: saturate(30%);
}
.Text2 {
    height:10vw;
    font-weight: bold;
    font-size: 3vw;
    /*color:rgb(60, 231, 231);*/
    color:rgb(208, 93, 40);
  filter: saturate(30%);
}


.container { 
    display: grid; 
    grid-template-rows:33vw; 
    grid-template-columns:50% 50%;
    width:100;
    
  }
.container2 {
    display: grid; 
    grid-template-rows:33vw; 
    grid-template-columns:50% 50%; 
    width:100;
}

.imgstart {
    width:49.5vw;
    cursor:pointer;
    margin:0;
}




.divwidescreen {
    margin:0;
}

.divthinscreen {
    margin:0;
    display:none;
}

.imgfull {
    width:100vw;
    cursor:pointer;
    margin:0;
    margin-top:25vw;
    margin-bottom:10vw;
}

.Text3 {
    height:10vw;
    font-size:7vw;
    font-weight:lighter;
    width:80vw;
    /*color:rgb(60, 231, 231);*/
    color:rgb(208, 93, 40);
    filter: saturate(30%);
}
.Text4 {
    height:10vw;
    font-weight: bold;
    font-size: 8vw;
    width:80vw;
    /*color:rgb(60, 231, 231);*/
    color:rgb(208, 93, 40);
  filter: saturate(30%);
}

.divText3 {
    margin:0;
    height:10vw;
}

.divText4 {
    margin:0;
    height:10vw;
}

@media screen and (max-width: 920px)  {
    
    .divwidescreen {
        margin:0;
        display:none;
    }
    
    .divthinscreen {
        display:inline;
        margin:0;
    }

    .divcolour {
        width:100vw;
        margin:0;
    }
    .divcolour2 {
        width:100vw;
        margin:0;
    }

}

#parallelogram {
    width: 170px; 
    height: 40px;
    background: #333;
    -webkit-transform: skew(20deg); 
    -moz-transform: skew(20deg); 
    -o-transform: skew(20deg);
    transform: skew(20deg);
    margin-left:0.5cm;
    opacity:0.6;
    position:absolute;
    margin-top:-5px;
 }

 .divlang {
     width:160px;
     margin-left:0.7cm;
     box-sizing:border-box;
     padding:0;
     transform:scale(1);
 }
 .divlang a {
    display:inline;
    padding:0;
    margin:3px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    transition: 0.3s;
    text-align:left;
 }

 .btnEN {
    cursor:pointer;
 }
 .btnFR {
   cursor:pointer;
 }
 .btnDE {
   cursor:pointer;
 }
 .btnIT {
   cursor:pointer;
 }
 
 
 
 
 
 
 .german, .english, .french, .italian {
   display:none;
 }
 
 .bodygerman .german, .bodyfrench .french, .bodyenglish .english, .bodyitalian .italian {
   display:block;
 }
 
 .bodygerman .btnDE, .bodyenglish .btnEN, .bodyfrench .btnFR, .bodyitalian .btnIT {
    font-weight:900;
    font-size:27px;
  }

  input,
textarea,
button,
select,
a,
span,
img {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.logoswisshd {
    width:40vw;
    margin-left:30vw;
    margin-top:calc(35vh - 9vw);
    opacity:0;
    transition: opacity 3s;
}

@media screen and (max-width: 920px) {
    .logoswisshd {
        width:60vw;
        margin-left:20vw;
    }
}

@media screen and (max-height: 600px) {
    .logoswisshd {
        height: 20vw;
        margin-left:35.5vw;;
        width:auto;
    }
}

.hometopfont  {
    color:white;
    width:70vw;
    margin-left:15vw;
    font-size:calc(30px + 2vw);
    text-align:center;
    transition-duration:0.5s;
    transition:ease-in-out;
    opacity:0;
    margin-top:0vh;
}


.social-media-link-buttons {
  margin:0;
  margin-top:20px;
  margin-bottom:20px;
  padding:0;
  text-align: center;
  display:grid;
  grid-template:auto / auto auto auto auto;
  width:fit-content;
  grid-column-gap:5px;
}

.social-media-link-buttons > a {
  display:inline !important;
  margin:0 !important;
  padding:2px !important;
  width:30px;
  height:30px;
}



.social-media-link-buttons > a > div {
  height:30px;
  width:30px;
}

.social-media-link-buttons > a > img {
  width:30px;
}



#social-media-link-buttons-magazin > div {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.0338409,0,0,0.0338409,-5.68434e-14,-2.22045e-16)'%3E%3Cpath d='M-0.013,295.503C-0.013,217.132 31.12,141.97 86.537,86.553C141.954,31.136 217.116,0.003 295.487,0.003C475.736,0.003 705.335,0.003 885.584,0.003C963.955,0.003 1039.12,31.136 1094.53,86.553C1149.95,141.97 1181.08,217.132 1181.08,295.503C1181.08,475.752 1181.08,705.351 1181.08,885.6C1181.08,963.971 1149.95,1039.13 1094.53,1094.55C1039.12,1149.97 963.955,1181.1 885.584,1181.1C705.335,1181.1 475.736,1181.1 295.487,1181.1C217.116,1181.1 141.954,1149.97 86.537,1094.55C31.12,1039.13 -0.013,963.971 -0.013,885.6L-0.013,295.503Z' style='fill:rgb(206,122,41);'/%3E%3C/g%3E%3Cg transform='matrix(0.0338983,0,0,0.0338983,9.29465e-14,1.968)'%3E%3Cpath d='M959.383,886.63L959.383,443.222L1070.09,443.222L589.902,88.757L109.717,443.222L220.609,443.222L220.609,886.63L377.48,886.63C366.408,886.63 359.089,879.126 359.089,868.055L359.089,757.342C359.089,746.272 366.408,738.765 377.48,738.765L414.451,738.765C425.524,738.765 433.031,746.272 433.031,757.342L433.031,868.055C433.031,879.082 425.582,886.572 414.581,886.63L414.451,886.63L765.353,886.63C754.28,886.63 746.961,879.126 746.961,868.055L746.961,757.342C746.961,746.272 754.28,738.765 765.353,738.765L802.324,738.765C813.396,738.765 820.903,746.272 820.903,757.342L820.903,868.055C820.903,879.082 813.455,886.572 802.453,886.63L802.324,886.63L959.383,886.63ZM728.39,849.666L728.39,812.699L451.422,812.699L451.422,849.666L728.39,849.666ZM396.06,701.798C396.06,679.657 410.698,665.019 433.031,665.019L562.315,665.019C573.387,665.019 580.706,672.338 580.706,683.409L580.706,794.309L451.422,794.309L451.422,757.342C451.422,735.201 436.596,720.376 414.451,720.376L396.06,720.376L396.06,701.798ZM747.032,665.02L746.773,665.019L617.489,665.019C606.417,665.019 599.098,672.338 599.098,683.409L599.098,794.309L728.382,794.309L728.382,757.342C728.382,735.201 743.208,720.376 765.353,720.376L783.872,720.376L783.867,720.284C783.813,719.247 783.744,715.268 783.744,701.798C783.744,679.744 769.034,665.133 747.032,665.02ZM783.932,720.376L783.872,720.376L783.88,720.489C783.888,720.582 783.896,720.614 783.903,720.613L783.904,720.612C783.921,720.596 783.932,720.376 783.932,720.376ZM367.69,356.537C396.077,390.243 412.564,435.306 412.564,480.189C412.564,530.573 391.629,580.783 356.319,616.088C351.994,620.413 351.994,627.437 356.319,631.762C360.644,636.088 367.667,636.088 371.992,631.763C411.375,592.384 434.73,536.385 434.73,480.189C434.73,430.12 416.311,379.859 384.644,342.258C380.703,337.58 373.706,336.98 369.027,340.921C364.349,344.861 363.749,351.859 367.69,356.537ZM823.485,616.088C788.175,580.783 767.24,530.573 767.24,480.189C767.24,435.316 783.722,390.262 812.28,356.563C816.235,351.897 815.657,344.897 810.99,340.943C806.324,336.988 799.325,337.566 795.37,342.232C763.498,379.84 745.074,430.11 745.074,480.189C745.074,536.385 768.429,592.384 807.812,631.763C812.137,636.088 819.16,636.088 823.485,631.762C827.81,627.437 827.81,620.413 823.485,616.088ZM438.265,296.88C480.53,346.905 505.065,413.549 505.065,480.189C505.065,521.405 494.912,563.7 478.278,600.398C475.753,605.969 478.226,612.542 483.797,615.068C489.368,617.593 495.942,615.12 498.467,609.548C516.365,570.061 527.231,524.538 527.231,480.189C527.231,408.346 500.761,336.506 455.197,282.574C451.249,277.902 444.251,277.313 439.578,281.261C434.906,285.209 434.317,292.207 438.265,296.88ZM701.676,600.361C684.887,563.675 674.927,521.392 674.927,480.189C674.927,413.55 699.275,346.905 741.539,296.88C745.487,292.207 744.898,285.209 740.226,281.261C735.553,277.313 728.555,277.902 724.607,282.574C679.042,336.506 652.761,408.345 652.761,480.189C652.761,524.551 663.444,570.086 681.52,609.585C684.066,615.147 690.648,617.596 696.21,615.051C701.772,612.505 704.221,605.923 701.676,600.361ZM291.063,409.808C309.442,428.035 320.231,454.198 320.231,480.189C320.231,506.369 309.421,532.381 291.027,550.792C286.704,555.119 286.707,562.142 291.034,566.465C295.362,570.789 302.385,570.785 306.708,566.458C329.184,543.961 342.397,512.179 342.397,480.189C342.397,448.382 329.163,416.376 306.672,394.07C302.329,389.763 295.305,389.792 290.998,394.135C286.691,398.478 286.72,405.501 291.063,409.808ZM888.809,550.824C870.555,532.402 859.553,506.384 859.553,480.189C859.553,454.184 870.534,428.013 888.773,409.776C893.098,405.451 893.099,398.428 888.774,394.103C884.449,389.777 877.426,389.777 873.1,394.102C850.802,416.397 837.387,448.396 837.387,480.189C837.387,512.164 850.782,543.939 873.064,566.426C877.37,570.771 884.393,570.803 888.738,566.497C893.082,562.192 893.114,555.169 888.809,550.824Z' style='fill:white;'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#social-media-link-buttons-instagram > div {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.0338409,0,0,0.0338409,-5.68434e-14,-2.22045e-16)'%3E%3Cpath d='M-0.013,295.503C-0.013,217.132 31.12,141.97 86.537,86.553C141.954,31.136 217.116,0.003 295.487,0.003C475.736,0.003 705.335,0.003 885.584,0.003C963.955,0.003 1039.12,31.136 1094.53,86.553C1149.95,141.97 1181.08,217.132 1181.08,295.503C1181.08,475.752 1181.08,705.351 1181.08,885.6C1181.08,963.971 1149.95,1039.13 1094.53,1094.55C1039.12,1149.97 963.955,1181.1 885.584,1181.1C705.335,1181.1 475.736,1181.1 295.487,1181.1C217.116,1181.1 141.954,1149.97 86.537,1094.55C31.12,1039.13 -0.013,963.971 -0.013,885.6L-0.013,295.503Z' style='fill:rgb(243,107,78);'/%3E%3C/g%3E%3Cg transform='matrix(0.75,0,0,0.75,5,5)'%3E%3Cpath d='M29.231,40L10.769,40C4.832,40 0,35.169 0,29.231L0,10.769C0,4.831 4.832,0 10.769,0L29.231,0C35.168,0 40,4.831 40,10.769L40,29.231C40,35.169 35.168,40 29.231,40L29.231,40ZM10.769,3.077C6.528,3.077 3.077,6.528 3.077,10.769L3.077,29.231C3.077,33.472 6.528,36.923 10.769,36.923L29.231,36.923C33.472,36.923 36.923,33.472 36.923,29.231L36.923,10.769C36.923,6.528 33.472,3.077 29.231,3.077L10.769,3.077ZM20,30.769C14.063,30.769 9.231,25.938 9.231,20C9.231,14.061 14.063,9.231 20,9.231C25.937,9.231 30.769,14.061 30.769,20C30.769,25.938 25.937,30.769 20,30.769ZM20,12.308C15.758,12.308 12.308,15.758 12.308,20C12.308,24.241 15.758,27.692 20,27.692C24.241,27.692 27.692,24.241 27.692,20C27.692,15.758 24.242,12.308 20,12.308ZM31.538,6.154C32.812,6.154 33.846,7.188 33.846,8.461C33.846,9.735 32.812,10.769 31.538,10.769C30.265,10.769 29.231,9.735 29.231,8.461C29.231,7.188 30.265,6.154 31.538,6.154Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#social-media-link-buttons-youtube > div {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.0338409,0,0,0.0338409,-5.68434e-14,-2.22045e-16)'%3E%3Cpath d='M-0.013,295.503C-0.013,217.132 31.12,141.97 86.537,86.553C141.954,31.136 217.116,0.003 295.487,0.003C475.736,0.003 705.335,0.003 885.584,0.003C963.955,0.003 1039.12,31.136 1094.53,86.553C1149.95,141.97 1181.08,217.132 1181.08,295.503C1181.08,475.752 1181.08,705.351 1181.08,885.6C1181.08,963.971 1149.95,1039.13 1094.53,1094.55C1039.12,1149.97 963.955,1181.1 885.584,1181.1C705.335,1181.1 475.736,1181.1 295.487,1181.1C217.116,1181.1 141.954,1149.97 86.537,1094.55C31.12,1039.13 -0.013,963.971 -0.013,885.6L-0.013,295.503Z' style='fill:rgb(255,79,90);'/%3E%3C/g%3E%3Cg transform='matrix(0.0502707,0,0,0.0502707,-10.0648,-9.68734)'%3E%3Cpath d='M438.919,372.871L438.919,808.229L816.873,590.55L438.919,372.871Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#social-media-link-buttons-twitter > div {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.0338409,0,0,0.0338409,-5.68434e-14,-2.22045e-16)'%3E%3Cpath d='M-0.013,295.503C-0.013,217.132 31.12,141.97 86.537,86.553C141.954,31.136 217.116,0.003 295.487,0.003C475.736,0.003 705.335,0.003 885.584,0.003C963.955,0.003 1039.12,31.136 1094.53,86.553C1149.95,141.97 1181.08,217.132 1181.08,295.503C1181.08,475.752 1181.08,705.351 1181.08,885.6C1181.08,963.971 1149.95,1039.13 1094.53,1094.55C1039.12,1149.97 963.955,1181.1 885.584,1181.1C705.335,1181.1 475.736,1181.1 295.487,1181.1C217.116,1181.1 141.954,1149.97 86.537,1094.55C31.12,1039.13 -0.013,963.971 -0.013,885.6L-0.013,295.503Z' style='fill:rgb(48,158,232);'/%3E%3C/g%3E%3Cg transform='matrix(0.109689,0,0,0.109689,6.39031,8.86614)'%3E%3Cpath d='M221.95,51.29C222.1,53.46 222.1,55.63 222.1,57.82C222.1,124.55 171.3,201.51 78.41,201.51L78.41,201.47C50.97,201.51 24.1,193.65 1,178.83C4.99,179.31 9,179.55 13.02,179.56C35.76,179.58 57.85,171.95 75.74,157.9C54.13,157.49 35.18,143.4 28.56,122.83C36.13,124.29 43.93,123.99 51.36,121.96C27.8,117.2 10.85,96.5 10.85,72.46L10.85,71.82C17.87,75.73 25.73,77.9 33.77,78.14C11.58,63.31 4.74,33.79 18.14,10.71C43.78,42.26 81.61,61.44 122.22,63.47C118.15,45.93 123.71,27.55 136.83,15.22C157.17,-3.9 189.16,-2.92 208.28,17.41C219.59,15.18 230.43,11.03 240.35,5.15C236.58,16.84 228.69,26.77 218.15,33.08C228.16,31.9 237.94,29.22 247.15,25.13C240.37,35.29 231.83,44.14 221.95,51.29Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
}



#footer-div-for-grid {
  display:grid;
  grid-template:auto / 1fr auto;
}

#footer-div-for-grid > #footer-text {
  grid-column:1;
  grid-row:1;
}

#footer-div-for-grid > .social-media-link-buttons {
  grid-column:2;
  grid-row:1;
  text-align:left;
}

@media screen and (max-width: 800px) {
  #footer-div-for-grid {
    display:grid;
    grid-template:auto auto / 1fr;
  }
  
  #footer-div-for-grid > .social-media-link-buttons {
    grid-column:1;
    grid-row:2;
  }
}






.scroll-down {
    opacity: 0;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s;
  }
  
  .scroll-down {
    position: absolute;
    /*top: 35vw;*/
    margin-top:calc(15vh - 3vw);
    left: 50%;
    margin-left: -16px;
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid white;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 0;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transform: scale(1)
  }
  
  .scroll-down:before {
      position: absolute;
      top: calc(50% - 8px);
      left: calc(50% - 6px);
      transform: rotate(-45deg);
      display: block;
      width: 12px;
      height: 12px;
      content: "";
      border: 2px solid white;
      border-width: 0px 0 2px 2px;
      margin-left:-0.8px;
  }
  
  @keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    40% {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    60% {
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px);
    }
  }
  #weusecookies {
    position:fixed; z-index:12; box-sizing:border-box; overflow:hidden;
    bottom:-60px; left:10%; width:80%; height:auto; padding:8px 0; text-align:center;border-radius:30px;
    animation:wucfadeoff 6s 5s forwards;
    background-color:rgba(0, 0, 0, 0.5);
    color:white;
  }
  @keyframes wucfadeoff { 0% { opacity:1;bottom:-60px } 18% { opacity:1;bottom:-60px; } 22% { opacity:1;bottom:25px; } 25% { opacity:1;bottom:15px; } 95% { opacity:1;bottom:15px; } 100% { opacity:1;bottom:-60px; visibility:hidden; } }